:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#242b2a;background:#f8faf9;font-size:14px;letter-spacing:0;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}button:disabled{cursor:default;opacity:.45}button,input,select,textarea{border:1px solid #dce3e0;border-radius:6px}button{background:white;color:#35443e;min-height:36px;padding:8px 14px}button:hover:not(:disabled){background:#f1f6f3}button:focus-visible,a:focus-visible{outline:3px solid #8dc5ad;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #9cccb7;outline-offset:1px;border-color:#2b8565}svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.7}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid #e5eae7;display:flex;flex-direction:column;padding:32px 18px;z-index:2}.brand{display:flex;align-items:center;gap:11px;padding:0 7px;font-size:17px;font-weight:650}.brand-symbol{height:38px;width:38px;border-radius:8px;background:#24684f;display:grid;place-items:center;color:white}.brand-symbol svg{width:23px;height:23px}.brand small{display:block;font-size:9px;font-weight:500;color:#85928b;margin-top:5px}.nav-label{font-size:11px;color:#8a9690;padding:0 14px;margin:48px 0 14px}nav{display:grid;gap:8px}.nav-item{width:100%;display:flex;align-items:center;gap:11px;padding:13px 14px;border:0;border-radius:6px;font-size:14px;text-align:left;background:none;min-height:46px}.nav-item span{flex:1}.nav-item.active{background:#eaf4ee;color:#25634c;font-weight:600}.nav-item small{font-size:10px;font-weight:400}.nav-item:disabled{opacity:1;color:#9aa39e}.nav-item svg:last-child:not(:first-child){width:14px}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#7c8982;padding:16px 12px 0;border-top:1px solid #edf0ee}.sidebar-bottom svg{margin-left:auto;width:15px}.status-dot{width:6px;height:6px;border-radius:50%;background:#4d9674}main{margin-left:232px;min-height:100vh}.topbar{height:70px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eae7;background:#fff;font-size:12px;color:#87918b}.topbar strong{font-weight:500;color:#46534b}.crumb-divider{margin:0 13px;color:#bbc4be}.workspace-label{display:flex;align-items:center;gap:8px;font-size:11px}.workspace{max-width:1480px;margin:auto;padding:38px 42px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;color:#7c8c82;margin-bottom:8px}h1{font-size:27px;font-weight:650;margin:0;line-height:1.4}h2{font-size:20px;margin:0;line-height:1.5;font-weight:600}.primary{background:#287454;color:#fff;border-color:#287454}.primary:hover:not(:disabled){background:#205e44}.secondary{background:white}.danger{background:#b74343;border-color:#b74343;color:white}.danger:hover:not(:disabled){background:#9d3939}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e5eae7;border-bottom:1px solid #e5eae7;padding:24px 0;margin-bottom:28px}.metrics>div{display:flex;gap:15px;align-items:center;padding:0 26px;border-left:1px solid #e2e7e4}.metrics>div:first-child{border-left:0;padding-left:0}.metric-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px}.metric-icon svg{width:21px;height:21px}.green{background:#e8f1eb;color:#3a7957}.violet{background:#eeeefa;color:#7370a2}.coral{background:#fbefea;color:#bc8267}.metrics small{display:block;color:#7e8882;font-size:12px}.metrics strong{display:block;font-size:27px;font-weight:600;line-height:1.3;margin-top:3px}.tabbar{display:flex;gap:28px;border-bottom:1px solid #e1e7e3}.tabbar button{border:0;border-radius:0;background:none;padding:12px 2px 16px;color:#7b8880;position:relative}.tabbar button[aria-selected=true]{color:#23684d;font-weight:600}.tabbar button[aria-selected=true]:after{position:absolute;bottom:-1px;height:3px;background:#2c7758;content:"";left:0;right:0}.tabbar span{background:#e9eeeb;color:#748079;font-size:10px;padding:2px 6px;border-radius:4px;min-width:24px}.tabbar button[aria-selected=true] span{background:#e1efe5;color:#2a7353}.toolbar{display:flex;justify-content:space-between;gap:16px;padding:24px 0 16px;flex-wrap:wrap}.search{display:flex;align-items:center;border:1px solid #dce3e0;border-radius:6px;gap:10px;background:white;padding:0 12px;flex:1;max-width:340px;min-width:220px;color:#85968c}.search input{border:0;outline:none;min-width:0;width:100%;background:none;height:37px;padding:0;font-size:12px}.search:focus-within{outline:2px solid #9cccb7}.search input:focus{outline:none}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters select{padding:7px 28px 7px 10px;background:white;font-size:12px;color:#657269;height:39px}.icon-button{width:36px;height:36px;min-height:36px;padding:0;flex-shrink:0;background:transparent}.filters .icon-button{height:39px;width:39px}.list-caption{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#87918b;min-height:26px;margin-bottom:9px}.text-button{border:0;min-height:24px;padding:0;background:none;color:#287454;font-size:11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}th{text-align:left;background:#f0f4f1;color:#78847c;font-weight:500;padding:13px 12px;border-top:1px solid #e3e9e5;border-bottom:1px solid #e3e9e5}th:first-child{width:46%;padding-left:18px}th:nth-child(2){width:15%}th:nth-child(3){width:14%}th:nth-child(4){width:15%}th:last-child{width:112px}td{border-bottom:1px solid #e6ebe7;padding:17px 12px;vertical-align:middle}td:first-child{padding-left:18px}tbody tr:hover{background:#f0f6f2}.style-name{background:none;border:0;padding:0;min-height:22px;color:#2d3c33;white-space:normal;text-align:left;justify-content:flex-start;font-weight:550;font-size:14px;line-height:1.5}.style-summary{color:#939d96;font-size:11px;margin-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}.source{display:flex;align-items:center;gap:6px;color:#69766c}.source-dot{height:5px;width:5px;border-radius:50%;background:#8ba190;flex-shrink:0}.category{display:inline-block;background:#edf0ed;border-radius:4px;padding:4px 7px;font-size:10px;color:#728076}.date{font-size:11px;color:#8f9a92}.date small{display:block;font-size:10px;margin-top:3px;color:#adb5af}.row-actions{display:flex;justify-content:flex-end;gap:4px}.row-actions .icon-button{border:0;width:28px;height:30px;min-height:30px;color:#8c9b91}.row-actions .icon-button:hover{color:#287454;background:#e0ede5}.row-actions .delete:hover{color:#b74343;background:#fbeaea}.row-actions svg{width:15px;height:15px}.actions-heading{text-align:right;padding-right:22px}.list-footer{display:flex;align-items:center;justify-content:space-between;padding:20px 0;color:#8c9890;font-size:11px;gap:10px}.pagination{display:flex;gap:12px;align-items:center}.pagination .icon-button{width:29px;height:29px;min-height:29px}.empty{padding:48px 16px;text-align:center;color:#8b9890}.empty>svg{width:34px;height:34px;margin-bottom:14px}.empty h2{font-size:17px;margin-bottom:18px}dialog{border:1px solid #e0e7e2;border-radius:8px;padding:0;color:#29392f;box-shadow:0 25px 90px #152f2333;max-height:90dvh}dialog::backdrop{background:#16281f66}.editor-dialog{width:min(820px,94vw)}.detail-dialog{width:min(900px,94vw)}.confirm-dialog{width:min(440px,94vw)}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:23px 28px;border-bottom:1px solid #e5ebe7;background:white}.dialog-header small{color:#7f9487;font-size:10px;display:block;margin-bottom:5px}.dialog-header h2{overflow-wrap:anywhere}.dialog-header .icon-button{border:0}.dialog-body{padding:24px 28px;overflow-y:auto;max-height:calc(90dvh - 178px)}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid #e5ebe7;background:#fbfcfb}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:block;font-size:12px;color:#607367}.form-grid label input,.form-grid label select{display:block;width:100%;margin-top:8px;background:white;padding:10px 12px;color:#263c2f}.span-two{grid-column:span 2}.required{color:#b46757}.rules-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 9px;font-size:12px}.editor-tabs{display:flex;border:1px solid #dce3e0;border-radius:5px;overflow:hidden}.editor-tabs button{border:0;border-radius:0;min-height:28px;font-size:11px;padding:5px 12px}.editor-tabs button[aria-pressed=true]{background:#e6f0e9;color:#287454}textarea{width:100%;resize:vertical;line-height:1.8;font-size:12px;padding:14px;color:#42554a;background:#fcfdfc}#editor-preview{border:1px solid #dce3e0;border-radius:6px;padding:18px;min-height:300px}.markdown{font-size:14px;line-height:1.85;overflow-wrap:anywhere;color:#495b4f}.markdown h1,.markdown h2,.markdown h3,.markdown h4{font-size:17px;line-height:1.5;margin:24px 0 12px;color:#284735}.markdown h1:first-child,.markdown h2:first-child{margin-top:0}.markdown p{margin:10px 0}.markdown ul,.markdown ol{padding-left:24px}.markdown code{font-family:ui-monospace,monospace;font-size:12px;background:#eef3ef;padding:2px 4px;border-radius:3px;white-space:pre-wrap}.markdown pre{background:#f1f5f2;padding:15px;border-radius:5px;overflow:auto}.markdown pre code{padding:0}.markdown a{color:#2e8360;text-decoration:underline;text-underline-offset:3px}.markdown table{table-layout:auto;font-size:12px;display:block;overflow-x:auto;margin:18px 0}.markdown th,.markdown td{width:auto!important;min-width:90px;padding:10px 12px!important;vertical-align:top}.markdown blockquote{border-left:3px solid #a5c6b1;padding-left:14px;margin-left:0}.error{color:#b34343;background:#fff2f0;padding:12px;border-radius:5px;line-height:1.6;font-size:12px}#detail-summary{background:#edf4ef;padding:14px 18px;border-left:3px solid #69a581;line-height:1.7;margin:0 0 22px;font-size:13px}.confirm-dialog p{line-height:1.8;overflow-wrap:anywhere;font-size:14px}#toast{position:fixed;bottom:28px;left:calc(50% + 116px);transform:translateX(-50%);background:#284f3b;color:white;border-radius:6px;padding:13px 22px;box-shadow:0 5px 20px #1e372522;z-index:10;max-width:90vw;font-size:13px}
@media(min-width:1600px){.workspace{padding-top:48px}}
@media(max-width:760px){
  body .sidebar nav{display:flex;flex-wrap:wrap;gap:3px;overflow:visible}
  body .nav-item{padding:9px 3px;font-size:11px;justify-content:center;text-align:center;white-space:normal}
  body .nav-item>svg{display:none}
  body .table-wrap>table{display:block;min-width:0}
  .table-wrap>table>thead{display:none}
  .table-wrap>table>tbody{display:block;border-top:1px solid #e3e9e5}
  .table-wrap>table>tbody>tr{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:10px 8px;padding:18px 0;border-bottom:1px solid #e3e9e5}
  body .table-wrap>table>tbody>tr>td{padding:0;border:0;min-width:0}
  .table-wrap>table>tbody>tr>td:first-child{grid-column:1;grid-row:1}
  .table-wrap>table>tbody>tr>td:nth-child(2){grid-column:1;grid-row:2}
  .table-wrap>table>tbody>tr>td:nth-child(3){grid-column:2;grid-row:2;text-align:right}
  .table-wrap>table>tbody>tr>td:nth-child(4){display:none}
  .table-wrap>table>tbody>tr>td:nth-child(5){grid-column:2;grid-row:1}
  body .row-actions{gap:0}
  body .row-actions .icon-button{width:36px;height:38px;min-height:38px}
  body .row-actions svg{width:17px;height:17px}
  body .style-name{font-size:13px}
  body .style-summary{white-space:normal;line-height:1.6}
  body .source{font-size:10px}
}
@media(max-width:1150px){.sidebar{width:205px;padding-left:12px;padding-right:12px}main{margin-left:205px}.workspace{padding:28px 25px}.topbar{padding:0 25px}th:first-child{width:40%}th:nth-child(4){width:17%}.toolbar{gap:12px}.search{max-width:none}#toast{left:calc(50% + 102px)}}
@media(max-width:760px){.sidebar{position:relative;width:100%;padding:16px 18px 10px;border-right:0;border-bottom:1px solid #e5eae7}.brand{font-size:16px;padding:0}.brand small{font-size:8px}.brand-symbol{width:34px;height:34px}.nav-label,.sidebar-bottom{display:none}nav{display:flex;overflow-x:auto;gap:7px;margin-top:16px}.nav-item{padding:9px;min-height:35px;width:auto;flex:0 0 auto;font-size:12px;gap:5px}.nav-item>svg{width:15px}.nav-item svg:last-child:not(:first-child),.nav-item small{display:none}main{margin-left:0}.topbar{height:43px;padding:0 18px;font-size:10px}.workspace-label{font-size:9px}.workspace-label svg{display:none}.workspace{padding:25px 18px}.page-title{margin-bottom:22px;gap:12px}h1{font-size:23px}.eyebrow{font-size:9px}.primary{padding:9px 12px;font-size:12px}.metrics{padding:18px 0;margin-bottom:20px}.metrics>div{padding:0 12px;gap:8px}.metrics small{font-size:10px}.metrics strong{font-size:23px}.metric-icon{width:29px;height:33px}.metric-icon svg{width:17px;height:17px}.tabbar{gap:25px}.tabbar button{font-size:13px}.toolbar{padding:20px 0 12px}.search{flex-basis:100%;max-width:none}.filters{width:100%;gap:6px}.filters select{flex:1;min-width:0;padding-right:16px;font-size:11px}.filters .icon-button{width:35px}.table-wrap>table{min-width:620px}.list-footer{font-size:10px}.dialog-header{padding:18px}.dialog-body{padding:18px}.dialog-footer{padding:14px 18px}.dialog-header h2{font-size:18px}.form-grid{gap:13px}.rules-label{font-size:11px}#toast{left:50%}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{padding-right:0}}
@media(max-width:760px){body .nav-group{display:contents}.nav-group+.nav-group{margin-top:0;padding-top:0;border-top:0}.nav-group-label{display:none}}

/* Shared explanation of the online store and local Codex execution boundary. */
.workflow-note{display:block;margin:0 0 28px;padding:0;border:1px solid #dce5e1;border-radius:8px;background:#f4f8f5;color:#4e625b}
.workflow-note>summary{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;list-style:none;user-select:none}
.workflow-note>summary::-webkit-details-marker{display:none}
.workflow-note>summary:focus-visible{outline:2px solid #8dc5ad;outline-offset:-2px}
.workflow-note-icon{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:7px;background:#e2efe7;color:#287454}
.workflow-note-icon svg{width:19px;height:19px}
.workflow-note-summary{min-width:0;flex:1;color:#2d4a3b;font-size:12px;font-weight:600;line-height:1.5}
.workflow-note-toggle{flex:0 0 auto;color:#6c8175;font-size:11px}
.workflow-note-toggle::after{content:"查看"}
.workflow-note[open] .workflow-note-toggle::after{content:"收起"}
.workflow-note-copy{min-width:0}
.workflow-note> .workflow-note-copy{padding:0 18px 16px 66px}
.workflow-note-copy b{display:block;color:#1f352a;font-size:13px;line-height:1.5}
.workflow-note-copy p{margin:4px 0 9px;font-size:12px;line-height:1.7;color:#5d7065}
.workflow-note-steps{display:flex;flex-wrap:wrap;gap:5px 18px;margin:0;padding:0;list-style:none;font-size:11px;line-height:1.6;color:#718078}
.workflow-note-steps li{position:relative}
.workflow-note-steps li:not(:last-child)::after{content:"→";position:absolute;right:-13px;color:#a2b2a8}
.nav-group{display:grid;gap:3px}.nav-group+.nav-group{margin-top:13px;padding-top:12px;border-top:1px solid #edf0ee}.nav-group-label{padding:0 14px 4px;color:#9aa59e;font-size:10px;line-height:1.5;letter-spacing:.03em}
@media(max-width:760px){.workflow-note{margin-bottom:20px}.workflow-note>summary{gap:10px;padding:10px 12px}.workflow-note-icon{width:29px;height:29px}.workflow-note-icon svg{width:16px;height:16px}.workflow-note-summary{font-size:11px}.workflow-note> .workflow-note-copy{padding:0 12px 13px 51px}.workflow-note-copy b{font-size:12px}.workflow-note-copy p{font-size:11px;line-height:1.65}.workflow-note-steps{display:grid;gap:2px;font-size:10px}.workflow-note-steps li:not(:last-child)::after{content:""}}

/* Keep administrative list rows compact while retaining full values in tooltips. */
.table-wrap>table>tbody>tr>td{height:54px;max-height:54px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.table-wrap>table>tbody>tr>td>*{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.table-wrap .style-name,.table-wrap .keyword-name,.table-wrap .topic-name{display:inline-block;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;vertical-align:middle}
.table-wrap .style-summary,.table-wrap .keyword-description,.table-wrap .keyword-note,.table-wrap .topic-description,.table-wrap .source-url,.table-wrap .source-note,.table-wrap .source-category,.table-wrap .source-content-type,.table-wrap .source-copy,.table-wrap .access-status,.table-wrap .enabled-text{display:inline-block!important;margin:0 6px 0 0;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;max-width:44%}
.table-wrap .date small{display:inline;margin:0 0 0 5px;white-space:nowrap}
.table-wrap .tag-list{display:flex;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;max-width:100%}
.table-wrap .source-cell{overflow:hidden;white-space:nowrap}
.table-wrap .source-link,.table-wrap .topic-source{display:inline-flex;max-width:48%;padding:0;margin:0 7px 0 0;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.table-wrap .source-link span,.table-wrap .source-copy{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){.table-wrap>table>tbody>tr>td{height:36px;max-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-wrap>table>tbody>tr>td>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-wrap .topic-table td:nth-child(2){flex-wrap:nowrap;overflow:hidden}.table-wrap .topic-description{display:inline-block!important;-webkit-line-clamp:initial}.table-wrap .source-link,.table-wrap .topic-source{max-width:46%}}

/* Administrative navigation stays in a compact top bar; each business group opens a menu. */
.sidebar{position:sticky;inset:0 0 auto 0;width:100%;min-height:74px;height:auto;background:#fff;border-right:0;border-bottom:1px solid #e5eae7;display:flex;flex-direction:row;align-items:center;gap:24px;padding:14px 36px;z-index:20}
.sidebar .brand{flex:0 0 auto;padding:0}
.sidebar .nav-label{display:none}
.sidebar nav{display:flex;align-items:center;gap:5px;flex:1;min-width:0;overflow:visible;margin:0}
.sidebar .nav-group{position:relative;display:block;flex:0 0 auto;margin:0;padding:0;border:0}
.sidebar .nav-group+.nav-group{margin:0;padding:0;border:0}
.sidebar .nav-group-label{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:auto;min-height:40px;padding:9px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#607168;font-size:12px;font-weight:550;line-height:1;cursor:pointer}
.sidebar .nav-group-label:hover,.sidebar .nav-group.is-open .nav-group-label{background:#f0f5f2;border-color:#e0eae4;color:#24684f}
.sidebar .nav-group-label svg{width:14px;height:14px;transition:transform .16s ease}
.sidebar .nav-group.is-open .nav-group-label svg{transform:rotate(180deg)}
.sidebar .nav-group.has-active .nav-group-label:before{content:"";width:6px;height:6px;flex:0 0 auto;margin-right:1px;border-radius:50%;background:#318263}
.sidebar .nav-group-menu{display:grid;gap:3px;position:absolute;top:calc(100% + 8px);left:0;min-width:218px;padding:8px;background:#fff;border:1px solid #dfe8e2;border-radius:8px;box-shadow:0 12px 30px #1f39251f;z-index:30}
.sidebar .nav-group-menu[hidden]{display:none}
.sidebar .nav-group-menu .nav-item{width:100%;min-height:40px;padding:10px 11px;border:0;border-radius:5px;font-size:12px;gap:8px}
.sidebar .nav-group-menu .nav-item>svg:first-child{width:16px;height:16px}
.sidebar .nav-group-menu .nav-item.active{background:#eaf4ee;color:#25634c}
.sidebar .nav-publish{width:auto;flex:0 0 auto;min-height:40px;padding:9px 12px;font-size:12px}
.sidebar-bottom{margin-top:0;margin-left:auto;padding:0;border-top:0;flex:0 0 auto;white-space:nowrap}
main{margin-left:0}
@media(max-width:1150px){.sidebar{padding-left:20px;padding-right:20px;gap:14px}.sidebar nav{gap:2px}.sidebar .nav-group-label{padding-left:9px;padding-right:9px}.sidebar-bottom{display:none}}
@media(max-width:760px){.sidebar{position:sticky;width:100%;min-height:0;padding:12px 14px 9px;display:grid;grid-template-columns:minmax(0,1fr);gap:9px}.sidebar .brand{font-size:16px}.sidebar .brand-symbol{width:34px;height:34px}.sidebar nav{grid-column:1;display:flex;flex-wrap:wrap;align-items:center;gap:4px;overflow:visible;margin:0}.sidebar .nav-group-label{min-height:34px;padding:7px 9px;font-size:11px}.sidebar .nav-group-menu{top:calc(100% + 6px);min-width:200px;max-width:calc(100vw - 28px)}.sidebar .nav-group-menu .nav-item{min-height:36px;padding:8px 9px}.sidebar .nav-publish{min-height:34px;padding:7px 9px;font-size:11px}.topbar{height:43px;padding-left:18px;padding-right:18px}main{margin-left:0}}

/* Style status is editable at a glance and remains a real switch in the form. */
#library .table-wrap>table th:first-child{width:34%}
#library .table-wrap>table th:nth-child(2){width:14%}
#library .table-wrap>table th:nth-child(3){width:14%}
#library .table-wrap>table th:nth-child(4){width:12%}
#library .table-wrap>table th:nth-child(5){width:14%}
#library .table-wrap>table th:last-child{width:112px}
.style-toggle{min-height:30px;padding:4px 7px;border:1px solid #dce8df;border-radius:6px;font-size:11px;gap:5px;white-space:nowrap}
.style-toggle svg{width:18px;height:18px}
.style-toggle.is-enabled{background:#edf7f0;color:#287454;border-color:#d3e9da}
.style-toggle.is-disabled{background:#f3f5f3;color:#87918a;border-color:#e3e8e4}
.style-toggle:hover:not(:disabled){filter:brightness(.97)}
.style-toggle .enabled-text{display:inline!important;margin:0;max-width:none;overflow:visible;text-overflow:clip;white-space:nowrap;line-height:1.4}
.switch-field{align-self:end;display:flex!important;align-items:center;justify-content:space-between;gap:14px;min-height:42px}
.switch-control{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#62746a;font-size:12px}
.switch-control input{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;opacity:0!important}
.switch-visual{position:relative;width:38px;height:22px;border-radius:11px;background:#cbd4ce;transition:background .16s ease;flex:0 0 auto}
.switch-visual::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1f39252e;transition:transform .16s ease}
.switch-control input:checked+.switch-visual{background:#318263}
.switch-control input:checked+.switch-visual::after{transform:translateX(16px)}
.switch-control input:focus-visible+.switch-visual{outline:3px solid #8dc5ad;outline-offset:2px}
@media(max-width:760px){
  #library .table-wrap>table{min-width:0}
  #library .table-wrap>table>tbody>tr{grid-template-columns:minmax(0,1fr) 112px}
  #library .table-wrap>table>tbody>tr>td:nth-child(1){grid-column:1;grid-row:1}
  #library .table-wrap>table>tbody>tr>td:nth-child(2){grid-column:1;grid-row:2}
  #library .table-wrap>table>tbody>tr>td:nth-child(3){grid-column:2;grid-row:2;text-align:right}
  #library .table-wrap>table>tbody>tr>td:nth-child(4){display:block;grid-column:1;grid-row:3;text-align:left}
  #library .table-wrap>table>tbody>tr>td:nth-child(5){display:block;grid-column:2;grid-row:3;text-align:right}
  #library .table-wrap>table>tbody>tr>td:nth-child(6){grid-column:2;grid-row:1}
  #library .style-toggle{min-height:30px;font-size:10px}
}
#library .style-toggle .enabled-text{display:inline!important;margin:0;max-width:none!important;overflow:visible;text-overflow:clip;white-space:nowrap;line-height:1.4}
.bulk-header-select,.bulk-row-select{width:15px;height:15px;margin:0 8px 0 0;accent-color:#287454;vertical-align:middle;flex:0 0 auto}.bulk-header-select{margin-right:9px}
.taxonomy-card-body>.bulk-row-select{margin:2px 8px 0 0}
.title-source-row>.bulk-row-select{margin:2px 8px 0 0}
.date{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;min-width:148px}

/* Content styles can opt into several independent image requirements. */
.metrics{grid-template-columns:repeat(4,1fr)}
.blue{background:#e8f1f7;color:#4c809e}
.style-bindings{grid-column:span 2;margin:20px 0 0;padding:15px 16px;border:1px solid #dce5df;border-radius:6px;background:#fbfdfb}
.style-bindings legend{padding:0 6px;color:#4b6355;font-size:12px;font-weight:600}
.style-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px}
.style-option{display:flex;align-items:center;gap:8px;min-width:0;color:#50665a;font-size:12px;line-height:1.5}
.style-option input{width:15px;height:15px;margin:0;accent-color:#287454;flex:0 0 auto}
.style-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.field-hint{margin:9px 0 0;color:#87968d;font-size:11px;line-height:1.6}
.detail-bindings{margin:0 0 20px;padding:12px 15px;border:1px solid #dce8df;border-radius:6px;background:#f7fbf8;font-size:12px;color:#4f6558}
.detail-bindings strong{display:block;margin-bottom:8px}
.detail-tags{display:flex;flex-wrap:wrap;gap:6px}
.detail-tag{display:inline-block;padding:4px 8px;border-radius:4px;background:#e6f1e9;color:#327557;font-size:11px}
@media(max-width:760px){.metrics{grid-template-columns:repeat(2,1fr);gap:18px 0}.metrics>div:nth-child(3){border-left:0;padding-left:0}.style-options{grid-template-columns:1fr}.style-bindings{grid-column:span 2}.tabbar{max-width:100%;overflow-x:auto;gap:18px}.tabbar button{flex:0 0 auto}}