/* The values below are the existing records.css / care.css design language.
   Opt-in is set by shell(), not by matching arbitrary document content.
   Every selector is scoped: /inbox, /intake and /tickets remain unchanged. */
@media screen {
body[data-category-design] #main .pagehead{align-items:center;gap:20px;margin-bottom:20px}
body[data-category-design] #main .pagehead>div:first-child{min-width:0;flex:1}
body[data-category-design] #main .pagehead>.actions{flex:0 0 auto;justify-content:flex-end;max-width:46%}
body[data-category-design] #main .pagehead .subtitle{font-size:.875rem;line-height:1.6}
body[data-category-design] #main .pagehead h1{font-size:1.8rem;line-height:1.3;letter-spacing:-.045em}
body[data-category-design] #main :is(.surfacehead,.summary-head){padding:16px 20px}
body[data-category-design] #main .surfacehead h2{font-size:.98rem;line-height:1.5}
body[data-category-design] #main .surfacebody{padding:19px 20px}
body[data-category-design] #main :is(.ful-detail-grid,.fin-detail-grid,.ops-detail-grid){grid-template-columns:minmax(0,1fr) 336px;gap:22px;align-items:start}
body[data-category-design] #main :is(.ful-progress,.care-overview){border:1px solid #d6e5df;border-radius:14px;background:linear-gradient(110deg,#f1f8f5,#fff)}
body[data-category-design] #main .ful-progress{padding:23px 25px}
body[data-category-design] #main .ful-progress h2{font-size:1.3rem;line-height:1.5}
body[data-category-design] #main .ful-progress>div>span{color:#23665c;font-size:.72rem;font-weight:600}

/* Primary/secondary tabs are navigation, not blue save buttons or green progress. */
body[data-category-design] #main :is(.fin-tabs,.oh-tabs,.access-tabs,.acct-nav,.wb-lanes,.ful-filters,.personal-tools>nav){display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:12px 16px;background:#fbfcfe;border:1px solid var(--line);border-radius:10px;margin:0 0 16px;overflow:visible}
body[data-category-design] #main :is(.fin-tabs,.oh-tabs,.access-tabs,.acct-nav,.wb-lanes,.ful-filters,.personal-tools>nav)>:is(a,button){display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;min-height:37px;padding:8px 11px;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;color:#65758b;font-size:.8125rem;font-weight:400;line-height:1.5;text-decoration:none;white-space:normal}
body[data-category-design] #main :is(.fin-tabs,.oh-tabs,.access-tabs,.acct-nav,.wb-lanes,.ful-filters,.personal-tools>nav)>:is(.selected,.active,.primary,[aria-current=page],[aria-pressed=true]){background:#eaf1fc;border-color:#d0def3;color:#285991;font-weight:600;box-shadow:none}
body[data-category-design] #main :is(.fin-tabs,.oh-tabs,.access-tabs,.acct-nav,.wb-lanes,.ful-filters,.personal-tools>nav)>:is(a,button):hover{background:#f0f4fa}
body[data-category-design] #main :is(.fin-tabs,.personal-tools>nav)>:is(a,button)>span{font-size:.75rem;background:transparent;color:inherit;padding:0}
body[data-category-design] #main .wb-lanes{border-width:0 0 1px;border-radius:12px 12px 0 0;margin:0}
body[data-category-design] #main .ful-filters{border:0;padding:0;margin:0;background:transparent}

/* Search and result controls: the reference 40px search height / 13px text. */
body[data-category-design] #main :is(.ful-list-tools,.user-toolbar,.record-toolbar){padding:15px 18px 12px;gap:12px}
body[data-category-design] #main :is(.ful-search,.fin-search){flex:1 1 240px;min-width:200px}
body[data-category-design] #main :is(.ful-list-tools,.user-toolbar,.personal-tools,.roster-toolbar,.acct-toolbar,.ol-filters,.cmail-list-tools) :is(input:not([type=checkbox]):not([type=radio]),select){min-height:40px;font-size:.8125rem;padding:8px 10px;border-color:#cbd4e1;border-radius:8px;background:#fff;color:#21314b}
body[data-category-design] #main :is(.ful-list-tools,.record-toolbar)>.button{min-height:40px}
body[data-category-design] #main :is(.user-toolbar,.ol-conditions,.ol-observed,.roster-source-note){font-size:.75rem;color:#8292a8;line-height:1.8}

/* Tables keep domain columns and numeric alignment; only the visual hierarchy changes. */
body[data-category-design] :is(#main,#dialog) :is(.ful-table,.access-table,.settings-table,.roster-table,.user-table,.master-audit-table){border-collapse:collapse}
body[data-category-design] :is(#main,#dialog) :is(.ful-table,.access-table,.settings-table,.roster-table,.user-table,.master-audit-table) th{padding:10px 16px;font-size:.75rem;font-weight:500;color:#74849a;background:#f6f8fb;border-block:1px solid #e5ebf3;text-align:left}
body[data-category-design] :is(#main,#dialog) :is(.ful-table,.access-table,.settings-table,.roster-table,.user-table,.master-audit-table) td{padding:13px 16px;font-size:.8125rem;line-height:1.6;vertical-align:top;border-bottom:1px solid #e9eef5;overflow-wrap:anywhere}
body[data-category-design] :is(#main,#dialog) :is(.ful-table,.access-table,.settings-table,.roster-table,.user-table) td strong{font-weight:600;color:#2e4562}
body[data-category-design] :is(#main,#dialog) :is(.ful-table,.access-table,.settings-table,.roster-table,.user-table) td small{font-size:.6875rem;color:#7a8da6;line-height:1.6}
body[data-category-design] #main :is(.ful-table,.access-table,.settings-table,.roster-table,.user-table) tbody tr:hover{background:#f8fafd}
body[data-category-design] #main :is(.ful-pager,.ops-pager,.fin-pager){font-size:.75rem;color:#8292a8;padding:13px 18px;border-top:1px solid var(--line)}
body[data-category-design] #main :is(.ful-pager,.ops-pager,.fin-pager) .button{font-size:.75rem;min-height:31px;padding:5px 10px}

/* Preserve mandatory/error/disabled meanings; never recolor all notices or actions. */
body[data-category-design] :is(#main,#dialog) :is(.dialogactions,.ful-form-actions,.ops-form-end){display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:9px;border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
body[data-category-design] #dialog :is(.dialoghead,.dialogfoot){gap:9px;flex-wrap:wrap}
body[data-category-design] #dialog .dialoghead h2{font-size:1.15rem;min-width:0;flex:1;overflow-wrap:anywhere}
body[data-category-design] #dialog :is(h3,.master-form h3){font-size:.9375rem;color:#354c69;line-height:1.5}
body[data-category-design] :is(#main,#dialog) :is(.fieldlabel,.master-form .fieldlabel){font-size:.875rem;color:#3b4d66;font-weight:600}
body[data-category-design] :is(#main,#dialog) :is(.fieldhelp,.save-note){font-size:.75rem;color:#8090a5;line-height:1.6}
body[data-category-design] :is(#main,#dialog) :is(.ops-form-grid,.master-form-grid){gap:18px}
body[data-category-design] #dialog :is(.master-form>section,.ops-edit-line){border:1px solid #e2e8f2;border-radius:9px;background:#fbfcfe;padding:16px}
body[data-category-design] #dialog .master-form h3 b{border-radius:6px;background:#edf3ff;color:#4973c6}
body[data-category-design] #main :is(button,a,input,select,summary):focus-visible{outline:2px solid #477aae;outline-offset:3px}

/* 01 / 02: desk and personal records. */
body[data-category-design=desk] .wb-metrics{gap:0;margin:0 0 20px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
body[data-category-design=desk] .wb-metrics>div{padding:13px 18px;border:0;border-right:1px solid var(--line);border-radius:0;background:transparent}
body[data-category-design=desk] .wb-metrics>div:last-child{border-right:0}
body[data-category-design=desk] .wb-metrics strong{font-size:1.25rem;font-weight:600;color:#375575;margin-top:5px}
body[data-category-design=desk] .wb-metrics .attention strong{color:#a96345}
body[data-category-design=personal] .personal-tools{display:block;margin:0 0 18px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
body[data-category-design=personal] #main .personal-tools>nav{margin:0;border-width:0 0 1px;border-radius:0}
body[data-category-design=personal] .personal-tools form{padding:15px 18px;max-width:none}
body[data-category-design=personal] .personal-tools form input{max-width:620px}
body[data-category-design=personal] .personal-quick{padding:15px 18px;align-items:center;margin:0 0 18px}
body[data-category-design=personal] .personal-quick input,body[data-category-design=personal] .personal-quick select{font-size:.875rem;min-height:40px}
body[data-category-design=personal] .personal-row{font-size:.8125rem;color:#506984}
body[data-category-design=personal] .personal-row.selected{background:#eaf1fc;border-left:3px solid #d0def3;padding-left:15px}
body[data-category-design=personal] .personal-row strong{font-size:.875rem;font-weight:600;color:#2e4562}
body[data-category-design=personal] .personal-detail-head h2{font-size:1.3rem;color:#2e4562;line-height:1.5}
body[data-category-design=personal] .personal-note{font-size:.89rem;color:#475c78;line-height:1.8}
body[data-category-design=personal] .personal-accounting{margin-bottom:18px;font-size:.75rem;color:#7a8da6;line-height:1.8}
body[data-category-design=personal] .personal-accounting>summary{padding:13px 18px;font-size:.8125rem;color:#59728e;cursor:pointer}
body[data-category-design=personal] .personal-accounting .surfacebody{padding-top:0}
body[data-category-design=personal] :is(.personal-detail-head,.personal-body){padding:19px 20px}

/* 20: accounting. Retain all financial columns, right-aligned amounts and warnings. */
body[data-category-design=accounting] #main>.notice.info{padding:0 0 14px;border:0;background:transparent;color:#7a8da6;font-size:.75rem}
body[data-category-design=accounting] #main>.notice.workspace-build-notice{padding:13px 15px;border:1px solid #dce7fc;background:#f0f5ff;color:#4c6ea4;font-size:.8125rem}
body[data-category-design=accounting] #main>.surface>.surfacebody{font-size:.8125rem;line-height:1.8;color:#506984}
body[data-category-design=accounting] #main>.surface>.surfacebody>h2{font-size:.98rem;line-height:1.5;color:#2e4562;margin:0 0 12px}
body[data-category-design=accounting] #main>.surface>.surfacebody>h2:not(:first-child){margin-top:20px}
body[data-category-design=accounting] #main>.surface>.surfacebody>p{font-size:.75rem;color:#7a8da6;line-height:1.8;margin:8px 0 12px}
body[data-category-design=accounting] #main>.surface>.surfacebody>p.notice{padding:13px 15px;font-size:.8125rem}
body[data-category-design=accounting] #main>.surface>.surfacebody>p.notice.error{color:#ad4252}
body[data-category-design=accounting] #main .acct-toolbar{gap:12px;margin:15px 0;align-items:flex-end}
body[data-category-design=accounting] #main .acct-toolbar .fieldlabel{font-size:.6875rem;color:#8190a4;font-weight:400;margin-bottom:5px}
body[data-category-design=accounting] #main .acct-toolbar .button{min-height:40px}
body[data-category-design] :is(#main,#dialog) :is(.mgmt-table,.qstd-table,.ibom-table) th{padding:10px 16px;font-size:.75rem;font-weight:500;color:#74849a;background:#f6f8fb;border-block:1px solid #e5ebf3}
body[data-category-design] :is(#main,#dialog) :is(.mgmt-table,.qstd-table,.ibom-table) td{padding:13px 16px;font-size:.8125rem;line-height:1.6;vertical-align:top;border-bottom:1px solid #e9eef5;overflow-wrap:anywhere}
body[data-category-design] #main .mgmt-table tbody tr:hover{background:#f8fafd}
body[data-category-design] #main .mgmt-table a{color:#376493}
body[data-category-design] #main .mgmt-table a.button.primary{color:#fff}
body[data-category-design] #main .mgmt-detail-head h2{font-size:1.3rem;color:#2e4562}
body[data-category-design] #main .mgmt-tabs{display:flex;gap:4px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe;margin-bottom:16px}
body[data-category-design] #main .mgmt-tabs a{font-size:.8125rem;padding:8px 11px;min-height:37px;border:1px solid transparent;color:#65758b}
body[data-category-design] #main .mgmt-tabs a.selected{background:#eaf1fc;border-color:#d0def3;color:#285991;font-weight:600}

/* 15–19: masters, business criteria and people administration. */
body[data-category-design] #main .master-actions{flex:0 1 48%;gap:8px;align-items:center}
body[data-category-design] .category-tools{position:relative;color:#65758b;font-size:.8125rem}
body[data-category-design] .category-tools>summary{cursor:pointer;padding:10px 12px;border:1px solid #d8dfeb;border-radius:8px;background:#fff;min-height:40px}
body[data-category-design] .category-tools-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:12;display:grid;gap:7px;min-width:195px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px #1537601a}
body[data-category-design] .category-tools-menu .button{justify-content:flex-start;font-weight:500}
body[data-category-design] #main .item-master-page>p:has(>a[data-route]){font-size:.8125rem;color:#59728e;margin:0 0 14px}
body[data-category-design] #main .item-master-page>p>a[data-route]{display:inline-flex;align-items:center;padding:7px 11px;min-height:35px;border:1px solid #d8dfeb;border-radius:7px;background:#fff}
body[data-category-design] #dialog .master-form-grid>fieldset{border:1px solid #dce5ef;border-radius:8px;padding:12px;min-width:0}
body[data-category-design] #dialog .master-form-grid>fieldset>legend{font-size:.8125rem;color:#3b4d66;padding:0 6px}
body[data-category-design] :is(#main,#dialog) :is(th,td):is(.fin-numeric,.mgmt-money,.ibom-quantity,.record-amount){text-align:right;font-variant-numeric:tabular-nums}
body[data-category-design] #main .category-operation-list{margin:14px 0;padding-left:20px;font-size:.8125rem;line-height:1.8;color:#506984}
body[data-category-design] #main .category-operation-list small{display:block;font-size:.6875rem;color:#7a8da6}
body[data-category-design] #main .master-summary{display:flex;flex-wrap:wrap;gap:0;background:#fbfcfe;border:1px solid var(--line);border-radius:10px;margin:0 0 18px;padding:8px 12px}
body[data-category-design] #main .master-summary>div{display:flex;align-items:center;gap:9px;border:0;border-radius:0;background:transparent;padding:8px 12px}
body[data-category-design] #main .master-summary span{font-size:.75rem;color:#7a8da6}
body[data-category-design] #main .master-summary strong{font-size:.875rem;color:#506984;font-weight:600;margin:0}
body[data-category-design] #main .master-table td:first-child>strong{font-size:.875rem;font-weight:600;line-height:1.55;color:#2e4562}
body[data-category-design] #main .master-table td>.record-demo{display:inline-block;color:#8a97a8}
body[data-category-design] #dialog .master-detail-head{font-size:1.05rem;line-height:1.5;flex-wrap:wrap;color:#2e4562}
body[data-category-design] #dialog .master-detail dl{grid-template-columns:130px minmax(0,1fr)}
body[data-category-design] #dialog .master-detail :is(dt,dd){font-size:.8125rem;line-height:1.8}
body[data-category-design] #main .settings-module-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:12px 16px;background:#fbfcfe}
body[data-category-design] #main .settings-module-tab{display:inline-flex;flex-direction:row;align-items:center;gap:8px;min-height:37px;padding:8px 11px;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;color:#65758b}
body[data-category-design] #main .settings-module-tab strong{font-size:.8125rem;font-weight:400;line-height:1.5}
body[data-category-design] #main .settings-module-tab>span{font-size:.6875rem;color:#7e8e9f}
body[data-category-design] #main .settings-module-tab.selected{background:#eaf1fc;border-color:#d0def3;color:#285991;box-shadow:none}
body[data-category-design] #main .settings-module-tab.selected strong{font-weight:600}
body[data-category-design] #main .settings-type-section{padding:12px 18px;background:#fff}
body[data-category-design] #main .settings-list-button strong{font-size:.8125rem;color:#506984}
body[data-category-design] #main :is(.settings-list-button.selected,.qstd-model[aria-current=true],.qstd-tab[aria-selected=true],.ibom-tabs .button[aria-selected=true],.ibom-catalog-item[aria-current=true]){background:#eaf1fc;border-color:#d0def3;color:#285991;box-shadow:none}
body[data-category-design] #main .permissions-page>nav[aria-label],body[data-category-design] #main .org-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe;margin:0 0 16px}
body[data-category-design] #main .permissions-page>nav[aria-label]>a,body[data-category-design] #main .org-tabs>a{padding:8px 11px;min-height:37px;border:1px solid transparent;border-radius:7px;background:transparent;color:#65758b;font-size:.8125rem;font-weight:400}
body[data-category-design] #main .org-tabs>a.active{background:#eaf1fc;border-color:#d0def3;color:#285991;font-weight:600}
body[data-category-design] #main .permissions-page>nav[aria-label]>a[aria-current=page]{background:#eaf1fc;border-color:#d0def3;color:#285991;font-weight:600}
body[data-category-design] #main .permissions-page>.notice.info{padding:0 0 14px;border:0;background:transparent;color:#7a8da6;font-size:.75rem}
body[data-category-design] #main :is(.readiness-card-head>strong,.org-person strong){font-size:.875rem;color:#2e4562}
body[data-category-design] #main .org-avatar{background:#eaf1fc;color:#285991}
body[data-category-design] #main .readiness-basis{font-size:.8125rem;line-height:1.7}
body[data-category-design] #main .readiness-consequence{font-size:.75rem;line-height:1.7}
body[data-category-design] #main .roster-metrics{gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
body[data-category-design] #main .roster-metrics>div{border:0;border-right:1px solid var(--line);border-radius:0;padding:13px 18px}
body[data-category-design] #main .roster-metrics strong{font-size:1.25rem;color:#375575}
body[data-category-design] #main .roster-departments .button.selected{background:#eaf1fc;color:#285991;font-weight:600}
body[data-category-design] #main .user-table td:first-child strong{font-size:.875rem}
@media(max-width:760px){body[data-category-design] #main .master-actions{flex-basis:100%;justify-content:flex-start}body[data-category-design] #main .settings-module-tab{flex:0 1 auto}body[data-category-design] #main .master-summary>div{padding:7px}body[data-category-design] #dialog .master-detail dl{grid-template-columns:minmax(0,1fr)}}

/* 07–14: production, purchasing, inventory and the five mail folders. */
body[data-category-design] #main .category-record-body{font-size:.8125rem;line-height:1.7;color:#506984}
body[data-category-design] #main .category-record-body>section,body[data-category-design] #main .category-record-body .care-artifacts>section{border:1px solid #dce5ee;border-radius:10px;padding:15px;margin-bottom:12px}
body[data-category-design] #main .category-record-body :is(h2,h3){font-size:.9375rem;line-height:1.5;color:#2e4562;margin:0 0 10px}
body[data-category-design] #main .category-record-body p+p{margin-top:10px}
body[data-category-design] #main .category-record-body details{margin-top:14px;padding-top:12px;border-top:1px solid #e6ecf0}
body[data-category-design] #main .category-record-body summary{cursor:pointer;font-size:.8125rem;color:#59728e}
body[data-category-design] #main .category-record-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem;color:#68768d}
body[data-category-design^=mail-] .cmail-layout{grid-template-columns:minmax(270px,1fr) minmax(0,1.65fr);gap:18px}
body[data-category-design^=mail-] .cmail-folders{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:12px 16px;background:#fbfcfe}
body[data-category-design^=mail-] #main .cmail-folders>.surfacehead{width:100%;padding:0 0 10px;margin-bottom:4px;border:0}
body[data-category-design^=mail-] .cmail-folders>a{padding:8px 11px;min-height:37px;border:1px solid transparent;border-radius:7px;font-size:.8125rem;color:#65758b}
body[data-category-design^=mail-] .cmail-folders>a.selected{background:#eaf1fc;border-color:#d0def3;color:#285991;font-weight:600}
body[data-category-design^=mail-] .cmail-folders>details{margin-left:auto;font-size:.75rem;color:#59728e;max-width:100%}
body[data-category-design^=mail-] .cmail-folders>details a{display:block;padding:8px;overflow-wrap:anywhere}
body[data-category-design^=mail-] .cmail-boundary{width:100%;padding:10px 0 0;margin-top:6px;border-top:1px solid var(--line);background:transparent;color:#7a8da6;font-size:.75rem}
body[data-category-design^=mail-] .cmail-boundary strong{color:#506984;font-weight:500}
body[data-category-design^=mail-] .cmail-boundary p{display:inline;margin-left:8px;color:#7a8da6}
body[data-category-design^=mail-] .cmail-list-tools{grid-template-columns:minmax(0,1fr) 110px;padding:15px 18px;gap:12px}
body[data-category-design^=mail-] :is(.cmail-message,.cmail-list-empty,.cmail-empty){font-size:.8125rem;line-height:1.8;color:#506984}
body[data-category-design^=mail-] .cmail-message.selected{background:#eaf1fc;box-shadow:inset 3px 0 #d0def3}
body[data-category-design^=mail-] .cmail-message strong{color:#2e4562;font-size:.875rem;font-weight:600}
body[data-category-design^=mail-] .cmail-message>span:not(.cmail-msg-state){color:#7a8da6}
body[data-category-design^=mail-] :is(.cmail-detail>header,.cmail-body,.cmail-empty){padding:19px 20px}
body[data-category-design^=mail-] :is(.cmail-detail h2,.cmail-empty h2){font-size:1.3rem;line-height:1.5;color:#2e4562;margin-bottom:10px}
body[data-category-design^=mail-] .cmail-body pre{font-size:.89rem;color:#475c78;line-height:1.8}
body[data-category-design^=mail-] :is(.cmail-links,.cmail-detail footer){background:#f6f8fb;color:#7a8da6}
body[data-category-design^=mail-] .cmail-pager{padding:13px 18px;border-top:1px solid var(--line)}
@media(max-width:970px){body[data-category-design^=mail-] .cmail-layout{grid-template-columns:minmax(0,1fr)}body[data-category-design^=mail-] .cmail-list{max-height:42vh;overflow:auto}body[data-category-design^=mail-] .cmail-body{max-height:none}}

/* 03–06: sales / AS quotes and order workspaces. */
body[data-category-design] #main .category-document-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin:0 0 18px}
body[data-category-design] #main .category-document-tools .button{min-height:33px;font-size:.75rem;padding:6px 10px}
body[data-category-design] #main :is(.sales-sheet,.sales-supplier){border-top:1px solid var(--line)}
body[data-category-design] #main .sales-party-group{padding:16px 18px;border-color:#e2e8f2;border-radius:9px;background:#fbfcfe}
body[data-category-design] #main .sales-party-group>h2{font-size:.98rem;color:#354c69}
body[data-category-design] #main .sales-recipient-summary>div:first-child dd{font-size:.95rem;font-weight:600;color:#2e4562}
body[data-category-design] #main .sales-recipient-summary dd{font-size:.875rem;color:#506984}
body[data-category-design] #main .sales-items-section{border-top:1px solid var(--line)}
body[data-category-design] #main .sales-grid{border-color:#e0e7f0}
body[data-category-design] #main .sales-grid th{background:#f6f8fb;color:#74849a;font-size:.75rem;font-weight:500;border-color:#e0e7f0}
body[data-category-design] #main .sales-grid td{border-color:#e0e7f0}
body[data-category-design] #main .sales-grid-totals{background:#f6f8fb;border-color:#e0e7f0;font-size:.8125rem}
body[data-category-design] #main .ol-filters{padding:15px 18px;gap:12px}
body[data-category-design] #main .ol-filter-extra{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px}
body[data-category-design] #main .ol-filter-extra>summary{font-size:.8125rem;color:#59728e;cursor:pointer}
body[data-category-design] #main .ol-filter-extra>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
body[data-category-design] #main .ol-filter-extra label{display:flex;flex-direction:column;gap:6px;font-size:.75rem;color:#8190a4;min-width:0}
body[data-category-design] #main .ol-filter-submit{grid-column:1/-1;justify-content:flex-end}
body[data-category-design] #main .ol-identity{padding:13px 18px;gap:16px}
body[data-category-design] #main .ol-identity h2{font-size:.875rem;line-height:1.55;color:#2e4562}
body[data-category-design] #main .ol-identity>a strong{font-size:.6875rem;font-weight:400;color:#8294ac}
body[data-category-design] #main .ol-axis{padding:10px 14px;font-size:.8125rem;gap:5px}
body[data-category-design] #main .oh-head h1{font-size:1.5rem;line-height:1.5;margin:10px 0 5px}
body[data-category-design] #main .oh-cards{gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
body[data-category-design] #main .oh-cards>a{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:13px 16px;gap:6px}
body[data-category-design] #main .oh-cards strong{font-size:.875rem;color:#506984}

@media(max-width:1190px){body[data-category-design] #main :is(.ful-detail-grid,.fin-detail-grid,.ops-detail-grid){grid-template-columns:minmax(0,1fr) 295px;gap:16px}}
@media(max-width:970px){body[data-category-design] #main :is(.ful-detail-grid,.fin-detail-grid,.ops-detail-grid){grid-template-columns:minmax(0,1fr)}body[data-category-design] #main .pagehead>.actions{max-width:50%}}
@media(max-width:760px){body[data-category-design] #main .pagehead{flex-wrap:wrap;gap:14px}body[data-category-design] #main .pagehead>.actions{max-width:100%;justify-content:flex-start}body[data-category-design] #main .pagehead h1{font-size:1.6rem}body[data-category-design] #main .ol-filter-extra>div{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-category-design] #main :is(.fin-tabs,.oh-tabs,.access-tabs,.acct-nav){padding:10px;gap:4px}body[data-category-design] #main .personal-quick{flex-wrap:wrap}body[data-category-design] #main .surfacebody{padding:16px}}
@media(max-width:480px){body[data-category-design] #main .ol-filter-extra>div{grid-template-columns:minmax(0,1fr)}}
}