/* Office controls use their own stable palette, independent of published site colors. */
body[data-surface=cms] .office-workspace {
  --cms-canvas:#c7dbe5;--cms-panel:#d9e7ed;--cms-field:#e8f1f4;
  --cms-ink:#193649;--cms-muted:#3d586a;--cms-line:#9bb7c7;--cms-link:#174a8a;
  --ink:var(--cms-ink);--muted:var(--cms-muted);--line:var(--cms-line);--surface:var(--cms-panel);
  background:var(--cms-canvas);color:var(--cms-ink);color-scheme:light;
}
body[data-surface=cms] .prototype-strip {background:#bcd1de;color:#2a475b;border-bottom:1px solid #9bb7c7;font-size:12px}
body[data-surface=cms] .prototype-strip a {color:#174a8a}
body[data-surface=cms] .office-workspace .workspace-sidebar {
  background:linear-gradient(160deg,#0b2436,#12374b);color:#e4eff5;border-right:1px solid #2c5064;
  padding:24px 15px;scrollbar-width:thin;scrollbar-color:#567b90 #102f43;
  height:100dvh;overscroll-behavior:contain;
}
body[data-surface=cms] .office-workspace .workspace-sidebar .brand {color:#e4eff5;font-size:22px}
body[data-surface=cms] .office-workspace .workspace-sidebar .workspace-label {color:#b2cddd;font-size:11px;letter-spacing:.09em;margin:24px 12px 12px}
body[data-surface=cms] .office-workspace .workspace-sidebar nav {gap:3px}
body[data-surface=cms] .office-workspace .workspace-sidebar nav a {color:#cde0eb;font-size:13px;line-height:1.5;padding:10px 12px;border:1px solid transparent}
body[data-surface=cms] .office-workspace .workspace-sidebar nav a.active {background:#234e65;color:#f0f6fa;border-color:#4f7d94;box-shadow:inset 3px 0 0 #9dd8e6;font-weight:650}
body[data-surface=cms] .office-workspace .workspace-sidebar nav a:hover {background:#20465b;color:#f0f6fa}
body[data-surface=cms] .office-workspace .workspace-sidebar .nav-icon {color:#b2cddd}
body[data-surface=cms] .office-workspace .workspace-sidebar .side-bottom {color:#b2cddd;border-color:#426477;font-size:13px;padding:18px 12px}
body[data-surface=cms] .office-workspace .workspace-sidebar .side-bottom :is(a,small) {color:#cde0eb}
body[data-surface=cms] .office-workspace .workspace-top {background:#dce9ef;color:#3d586a;border-bottom:1px solid #9bb7c7;box-shadow:none;font-size:13px}
body[data-surface=cms] .office-workspace .workspace-content {max-width:1760px}
body[data-surface=cms] .office-workspace :is(.settings-grid,.form-grid,.panel,form,.field) {min-width:0}
body[data-surface=cms] .office-workspace .settings-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-surface=cms] .office-workspace .field :is(input,select,textarea) {width:100%;max-width:100%;min-width:0}
body[data-surface=cms] .office-workspace .workspace-body :is(h1,h2,h3,h4,strong):not(.editor-canvas *) {color:var(--cms-ink)}
body[data-surface=cms] .office-workspace .workspace-body :is(p,small,.small,.lede,.field>span,.check,.record-grid dt,.record-grid dd):not(.btn,.icon-button,.editor-canvas *) {color:var(--cms-muted);line-height:1.7}
body[data-surface=cms] .office-workspace .page-head h1 {font-size:clamp(29px,2.5vw,40px);line-height:1.2;font-weight:600;letter-spacing:-.035em}
body[data-surface=cms] .office-workspace .page-head .lede {font-size:15px;max-width:760px}
body[data-surface=cms] .office-workspace .eyebrow:not(.editor-canvas *) {color:#215381;font-size:11px;font-weight:650}
body[data-surface=cms] .office-workspace :is(.panel,.table-wrap,.media-card,.summary-strip,.editor-tree,.editor-inspector,.editor-toolbar,.filter-bar,.empty,.note,.notice) {
  background:var(--cms-panel);color:var(--cms-ink);border:1px solid var(--cms-line);box-shadow:0 5px 16px #173c5010;
}
body[data-surface=cms] .office-workspace .summary-strip strong {color:var(--cms-ink);font-size:34px}
body[data-surface=cms] .office-workspace .summary-strip span {color:var(--cms-muted);font-size:14px}
body[data-surface=cms] .office-workspace .summary-strip>div {border-color:var(--cms-line)}
body[data-surface=cms] .office-workspace .panel :is(h2,h3) {color:var(--cms-ink);font-weight:600}
body[data-surface=cms] .office-workspace .panel p {color:var(--cms-muted);font-size:14px}
body[data-surface=cms] .office-workspace .empty {background:#ccdee7;border-style:dashed}
body[data-surface=cms] .office-workspace .empty-symbol {color:#345d78;opacity:1}
body[data-surface=cms] .office-workspace .workspace-content a:not(.btn):not(.editor-canvas *) {color:var(--cms-link)}
body[data-surface=cms] .office-workspace .workspace-top a {color:var(--cms-link)}
body[data-surface=cms] .office-workspace .field>span:not(.editor-canvas *) {font-size:13px;font-weight:600;color:var(--cms-muted)}
body[data-surface=cms] .office-workspace :is(input,select,textarea):not(.editor-canvas *),body[data-surface=cms] .office-workspace .field :is(input,select,textarea):not(.editor-canvas *) {
  background:var(--cms-field);color:var(--cms-ink);border:1px solid #799cab;box-shadow:none;font-size:14px;min-height:42px;color-scheme:light;
}
body[data-surface=cms] .office-workspace :is(input,textarea)::placeholder {color:#405e71;opacity:1}
body[data-surface=cms] .office-workspace input[type=checkbox] {min-height:0;accent-color:#224cda}
body[data-surface=cms] .office-workspace .btn.secondary,body[data-surface=cms] .office-workspace .icon-button {background:#c4dbe6;color:#234763;border:1px solid #799cab}
body[data-surface=cms] .office-workspace .tabs {border-color:var(--cms-line)}
body[data-surface=cms] .office-workspace .tabs a.active {background:#c4dbe6;border-color:#214ec9;font-weight:650}
body[data-surface=cms] .office-workspace th {background:#c5dbe6;color:var(--cms-muted);font-size:12px}
body[data-surface=cms] .office-workspace td {color:var(--cms-ink);font-size:13px;border-color:var(--cms-line)}
body[data-surface=cms] .office-workspace .list-item {border-color:var(--cms-line)}
body[data-surface=cms] .office-workspace .badge {background:#bcd2e0;color:#24465d;border:1px solid #91afc1}
body[data-surface=cms] .office-workspace .badge.good {background:#c4ddd2;color:#244c3d}
body[data-surface=cms] .office-workspace .badge.review {background:#eadab8;color:#5b431c}
body[data-surface=cms] .office-workspace .persistence-status {background:#c8ded5;color:#284d3d;border-color:#8aafa1;font-size:12px}
body[data-surface=cms] .office-workspace :is(a,button,input,select,textarea):focus-visible {outline:2px solid #1b5fa4;outline-offset:3px}
body[data-surface=cms] .office-workspace .workspace-sidebar a:focus-visible {outline-color:#a5dbea}
body[data-surface=cms] #modal {--ink:#193649;--muted:#3d586a;--line:#9bb7c7;background:#d9e7ed;color:#193649;color-scheme:light}
body[data-surface=cms] #modal :is(h2,h3,strong) {color:#193649}
body[data-surface=cms] #modal :is(p,small,.small,.field>span,.check) {color:#3d586a}
body[data-surface=cms] #modal .field :is(input,select,textarea) {background:#e8f1f4;color:#193649;border-color:#799cab;font-size:14px}
body[data-surface=cms] #modal .icon-button {background:#c4dbe6;color:#234763}
@media(max-width:980px){body[data-surface=cms] .office-workspace .settings-grid {grid-template-columns:minmax(0,1fr)}body[data-surface=cms] .office-workspace .workspace-sidebar {padding:20px 9px}body[data-surface=cms] .office-workspace .workspace-sidebar nav a {padding:10px 8px;font-size:12px}}
@media(max-width:680px){body[data-surface=cms] .office-workspace .workspace-top {padding:14px 5%;gap:8px;flex-wrap:wrap}body[data-surface=cms] .office-workspace .workspace-top .actions {gap:8px}body[data-surface=cms] .office-workspace .workspace-top .actions>span:not(.badge) {display:none}body[data-surface=cms] .office-workspace .mobile-work-nav {max-width:56%;font-size:12px}body[data-surface=cms] .office-workspace .workspace-content {padding:0 5% 40px}body[data-surface=cms] .office-workspace .summary-strip span {font-size:12px}body[data-surface=cms] .office-workspace .page-head .lede {font-size:14px}}