/* Semantic aliases extend the repository brand tokens; physical geometry is theme-invariant. */
:root,:root[data-theme=light]{color-scheme:light;--bg-canvas:#f3f8fc;--bg-surface-1:#ffffff;--bg-surface-2:#e9f4fc;--bg-sunken:#eaf0f5;--text-primary:#172c3c;--text-secondary:#344e63;--text-muted:#526374;--text-accent:#006bb6;--border-default:#d9e3ec;--border-strong:#648399;--focus-color:#005b9f;--selected-bg:#e9f4fc;--tax-native-bg:#e0f2fe;--tax-native-fg:#075985;--tax-custom-bg:#e8eef4;--tax-custom-fg:#344e63;--tax-thirdparty-bg:#e8eef4;--tax-thirdparty-fg:#334155;--tax-unverified-bg:#f1f5f9;--tax-unverified-fg:#334155;--attention-bg:#fef3c7;--attention-fg:#78350f;--ready-bg:#d1fae5;--ready-fg:#065f46;--cw-header:#ffffff;--cw-bg:var(--bg-canvas);--cw-panel:var(--bg-surface-1);--cw-raised:var(--bg-surface-2);--cw-text:var(--text-primary);--cw-muted:var(--text-muted);--cw-accent:var(--text-accent);--cw-line:var(--border-default);--cw-tint:var(--selected-bg);--cw-gate:#8c683f}
html,body,main{background:var(--bg-canvas)!important;color:var(--text-primary)}body>header{color:var(--text-primary);border-color:var(--border-default);padding-top:calc(env(safe-area-inset-top,0px) + 2px)!important;padding-bottom:2px!important;gap:8px}header .brand{color:var(--text-primary)!important}.pwa-actions{gap:5px!important}.pwa-actions button,.theme-choice select{background:var(--bg-surface-1)!important;color:var(--text-primary)!important;border:1px solid var(--border-default)!important;border-radius:6px;font-size:10px;min-height:44px;box-sizing:border-box}.theme-choice{display:flex;align-items:center}.theme-choice select{width:94px;padding:4px 6px;min-width:94px}.pwa-actions #pwaStatus{font-size:9px;color:var(--text-muted);padding:5px 6px;border:1px solid var(--border-default);border-radius:5px;max-width:92px;min-width:70px;box-sizing:border-box}.pwa-actions #pwaStatus[data-state=ready]{color:var(--ready-fg)!important;background:var(--ready-bg)!important;border-color:var(--ready-fg)}.pwa-actions #pwaStatus[data-state=update]{color:var(--attention-fg)!important;background:var(--attention-bg)!important;border-color:var(--attention-fg)}header .master-bar [role=tab]{font-size:10px;padding:5px 6px;background:var(--bg-surface-1)!important;color:var(--text-secondary)!important;border-color:var(--border-default)!important}header .master-bar [aria-selected=true]{background:var(--selected-bg)!important;color:var(--text-accent)!important;border-color:var(--text-accent)!important}.pwa-actions #pwaInstall{min-width:44px}.pwa-actions #pwaRefresh{min-width:65px}.v19-print{min-width:44px!important}.unified-rail :is(.mini-raci,.next-raci,.next-compare,.unified-support,.compact-explanation){border-color:var(--border-default)!important}.unified-guide,.graphic-dock{background:var(--bg-surface-2)!important;color:var(--text-primary)}.unified-guide-heading,.service-event-heading,.next-caption-head{color:var(--text-muted)!important}#detail pre,pre{background:var(--bg-sunken)!important;color:var(--text-secondary)!important;border:1px solid var(--border-default);white-space:pre;overflow:auto;overflow-wrap:normal;font-variant-numeric:tabular-nums;max-width:100%;padding:12px;border-radius:7px}.guidance p,.brief-reviewed-content p,.recovery-scope p,.migration-sources p{max-width:72ch;line-height:1.65}.guidance{color:var(--text-secondary)}#baseline table{font-variant-numeric:tabular-nums}html[data-theme] #baseline .investigate{background:var(--attention-bg)!important;color:var(--attention-fg)!important;border-left:3px solid var(--attention-fg)}.technical-section:has(#baseline)>.note{border:1px solid var(--border-strong);border-left:3px solid var(--text-accent);padding:10px;background:var(--bg-surface-2);line-height:1.6}.taxonomy-key{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.taxonomy-key span{display:inline-flex;gap:5px;border:1px solid currentColor;border-radius:5px;padding:3px 6px;font-size:11px}.taxonomy-key .native{background:var(--tax-native-bg);color:var(--tax-native-fg)}.taxonomy-key .custom{background:var(--tax-custom-bg);color:var(--tax-custom-fg)}.taxonomy-key .thirdparty{background:var(--tax-thirdparty-bg);color:var(--tax-thirdparty-fg)}.taxonomy-key .unverified{background:var(--tax-unverified-bg);color:var(--tax-unverified-fg);border-style:dashed}html[data-theme] a[data-connection]{color:var(--text-accent)!important;text-decoration-style:dashed;text-underline-offset:3px}html[data-offline=true] a[data-connection]::after{content:' · Requires connection';font-size:10px;color:var(--text-muted)}.brief-entry button:before{content:'▤ ';font-size:14px}.brief-entry button{color:var(--text-accent)!important;text-decoration-style:solid}.provider-plate{fill:#fff;stroke:#b8cbd9;stroke-width:.6;pointer-events:none}:is(#providers img,.mature-provider){background:#fff!important;border-radius:3px;padding:2px;box-sizing:content-box}.graphic-frame :is(.technical-map,.next-map){position:relative}.pan-status{font-size:10px;line-height:1.2;flex:none;color:var(--text-muted);padding:2px 8px;border-top:1px dashed var(--border-default);background:var(--bg-surface-1)}:focus-visible{outline:2px solid var(--focus-color)!important;outline-offset:2px}svg [role=button]:focus-visible .topo-hit,svg [role=button]:focus-visible .next-hit{stroke:var(--focus-color)!important;stroke-width:3!important}footer{color:var(--text-muted)!important;background:var(--bg-canvas)!important}.v19-preview-tag{font-size:9px;color:var(--text-muted)}


@media(min-width:1180px) and (orientation:landscape){header .brand{font-size:9px}.pwa-actions #pwaStatus{max-width:78px}.pwa-actions{margin-left:4px!important}.unified-controls{height:66px!important}.graphic-dock .brief-entry button{font-size:11px}}@media(max-width:1179px){.pwa-actions{margin-left:auto!important}header .master-bar{order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* An explicit light document preview prints selected state + all governance/source disclosures. */
.print-preview{width:min(1000px,95vw);height:90dvh;max-height:90dvh;overflow:auto;background:white;color:#172b3c;border:1px solid #b8cbd9;border-radius:10px;padding:20px}.print-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-20px;background:white;padding:8px 0;z-index:2}.print-preview-head button{min-height:44px}.print-document{font:13px/1.5 system-ui,sans-serif;color:#172b3c;background:white}.print-document h2{font-size:20px}.print-document h3{font-size:16px}.print-document p{max-width:75ch}.print-document .print-map svg{width:100%!important;height:auto!important;max-height:none!important;min-width:0!important}.print-document :is(table){width:100%;border-collapse:collapse;font-size:11px}.print-document :is(td,th){border:1px solid #b8cbd9!important;padding:6px;background:white!important;color:#172b3c!important}.print-document pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef3f7!important;color:#172b3c!important}.print-document :is(.mini-raci,.next-raci,.unified-guide){max-height:none!important;height:auto!important;overflow:visible!important;background:white!important;color:#172b3c!important;border:0!important}.print-document svg text{fill:#304b60!important;stroke:none!important}.print-document svg :is(.topo-zone,.next-zone,.recovery-region,.migration-domain){fill:#f4f8fb!important;stroke:#7893a7!important}.print-document svg :is(.topo-halo,.mature-shape,.recovery-node rect){fill:#fff!important;stroke:#55788f!important}.print-document svg .topo-symbol{stroke:#365c78!important;fill:none!important}.print-document a{color:#075f96!important}.print-document section{margin-block:18px}.print-document [hidden]{display:block!important}
@media print{@page{size:landscape;margin:12mm}html,body{height:auto!important;overflow:visible!important;background:white!important}body>*:not(.print-preview){display:none!important}.print-preview,.print-preview:not([open]){display:block!important;position:static!important;width:auto!important;height:auto!important;max-height:none!important;overflow:visible!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important}.print-preview::backdrop,.print-preview-head{display:none!important}.print-document details>*{display:block!important}.print-document [hidden]{display:block!important}.print-document svg{break-inside:avoid}.print-document :is(h2,h3){break-after:avoid}.print-document tr{break-inside:avoid}.print-document *{box-shadow:none!important;text-shadow:none!important}.print-document .print-map{break-after:page}}
/* V19.1 separates heading ink, action fill and on-action text. */
:root{--heading-ink:#09243e;--action-fill:#006bb6;--action-ink:#fff;--control-line:#648399;--selection-line:#006bb6}
html[data-theme] :is(h1,h2,h3){color:var(--heading-ink)}
html[data-theme] :is(button,select,[role=tab]){border-color:var(--control-line)!important}
html[data-theme] :is(button[aria-pressed=true],[role=tab][aria-selected=true]){border-color:var(--selection-line)!important;box-shadow:inset 0 -3px 0 var(--selection-line)}
html[data-theme] .print-preview-head [data-print]{background:var(--action-fill)!important;color:var(--action-ink)!important;border-color:var(--action-fill)!important}
html[data-theme] :focus-visible{outline:3px solid var(--focus-color)!important;outline-offset:3px}
/* Print retains its explicit light document colors. */
html[data-theme] .print-preview{color-scheme:light;--bg-canvas:#fff;--bg-surface-1:#fff;--bg-surface-2:#edf3f8;--bg-sunken:#eaf0f5;--text-primary:#172b3c;--text-secondary:#344e63;--text-muted:#496276;--text-accent:#075f96;--heading-ink:#172b3c;--action-fill:#173e59;--action-ink:#fff;--border-default:#b8cbd9;--cw-bg:#fff;--cw-panel:#fff;--cw-raised:#edf3f8;--cw-text:#172b3c;--cw-muted:#496276;--cw-accent:#075f96;--cw-tint:#deeffb;--cw-line:#b8cbd9;--cw-gate:#8c683f}
html[data-theme] .print-document :is(.unified-rail,.unified-support,.technical-section,.compact-explanation,details,.next-compare){height:auto!important;max-height:none!important;overflow:visible!important;position:static!important;background:#fff!important;color:#172b3c!important}
html[data-theme] .print-document svg :is(.topo-zone,.next-zone,.recovery-region,.migration-domain){fill:#f4f8fb!important;stroke:#7893a7!important}
html[data-theme] .print-document svg :is(.topo-halo,.mature-shape,.recovery-node rect){fill:#fff!important;stroke:#55788f!important}
html[data-theme] .print-document svg .topo-symbol{stroke:#365c78!important;fill:none!important}
html[data-theme] .print-document svg text{fill:#304b60!important}

/* Print focus uses the existing light focus token. */
html[data-theme] .print-preview{--focus-color:#0068a8}
/* Preserve a readable source list and an opaque light page when printing. */
.print-document [id$="sources"]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}
.print-document [id$="sources"] a{display:block!important;overflow-wrap:anywhere}
@media print{:root[data-theme],:root[data-theme] body{background:#fff!important;color:#172b3c!important;color-scheme:light!important}}
@media print{
 :root[data-theme],:root[data-theme] body{min-height:0!important}
 :root[data-theme] body,.print-document .unified-rail,.print-document .bench-tray{display:block!important}
 .print-document :is(table,thead,tbody,tfoot,tr,colgroup,col){background:#fff!important}
}

/* Owner: keep the public header focused on the views, without utility controls. */
body>header .pwa-actions{display:none!important}
body>header .brand{display:inline-flex;align-items:center;gap:8px;flex:none;white-space:nowrap}
body>header .brand .cw-brand-icon{display:block;width:24px;height:24px;flex:none}

/* A short, optional introduction shares the existing palette and tab system. */
.cw-intro{margin:12px auto;padding:clamp(20px,3vw,40px);width:min(1040px,100%);box-sizing:border-box;border:1px solid var(--border-default);border-radius:12px;background:var(--bg-surface-1);color:var(--text-primary);overflow:auto}
.cw-intro[hidden]{display:none!important}
.cw-intro-eyebrow{margin:0 0 10px;color:var(--text-accent);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.cw-intro h1{margin:0 0 14px;font-size:clamp(24px,3vw,36px);line-height:1.2;font-weight:600;max-width:28ch}
.cw-intro-lede{max-width:72ch;color:var(--text-secondary);line-height:1.65;margin:0 0 24px}
.cw-intro-callouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cw-intro-callouts section{padding:16px;border:1px solid var(--border-default);border-radius:8px;background:var(--bg-surface-2)}
.cw-intro h2{font-size:16px;margin:0 0 8px}.cw-intro-callouts p{font-size:14px;line-height:1.6;margin:0;color:var(--text-secondary)}
.cw-intro .cw-intro-path-label{margin-top:24px;font-size:12px;color:var(--text-muted);font-weight:500}
.cw-intro-path{display:flex;flex-wrap:wrap;gap:8px 20px;list-style-position:inside;padding:0;margin:12px 0 24px;font-size:13px;color:var(--text-secondary)}
#introStart{min-height:44px;padding:10px 18px;background:var(--action-fill);color:var(--action-ink);border:1px solid var(--action-fill);border-radius:6px;font-size:14px}
@media(max-width:650px){.cw-intro{margin:8px 0}.cw-intro-callouts{grid-template-columns:1fr}.cw-intro-path{display:block}.cw-intro-path li{margin:8px 0}}

/* Public-site color roles: navy framing, bright-blue navigation, light working surfaces.
   Colors only: workbench geometry, dynamic states, hatch patterns and authority gates stay intact. */
:root{--public-nav:#0b3553;--public-nav-selected:#164f76;--public-navy:#09243e;--public-hero:linear-gradient(110deg,#041522,#092a48 58%,#124366)}
:root,:root[data-theme=light]{--cw-header:#0b3553}
html[data-theme=light] body>header{background:var(--public-nav)!important;border-color:var(--public-nav);color:#fff}
html[data-theme=light] header .brand{color:#fff!important}
html[data-theme=light] header .master-bar [role=tablist]{background:var(--public-nav);border-radius:0;gap:0}
html[data-theme=light] header .master-bar [role=tab]{background:var(--public-nav)!important;color:#fff!important;border-color:transparent!important;box-shadow:none;border-radius:0}
html[data-theme=light] header .master-bar [role=tab][aria-selected=true]{background:var(--public-nav-selected)!important;color:#fff!important;border-color:transparent!important;box-shadow:inset 0 -3px #fff}
html[data-theme=light] header .master-bar [role=tab]:hover{background:var(--public-nav-selected)!important}
html[data-theme=light] header .master-bar [role=tab]:focus-visible{outline:3px solid #fff!important;outline-offset:-5px}
html[data-theme=light] .cw-intro{background:var(--public-hero);color:#fff;border-color:var(--public-navy)}
html[data-theme=light] .cw-intro h1{color:#fff}
html[data-theme=light] .cw-intro-eyebrow{color:#b1d4ec}
html[data-theme=light] .cw-intro-lede{color:#e4edf4}
html[data-theme=light] .cw-intro-callouts section{background:#fff;border-color:#d9e3ec}
html[data-theme=light] .cw-intro-callouts h2{color:var(--public-navy)}
html[data-theme=light] .cw-intro-callouts p{color:#526374}
html[data-theme=light] .cw-intro :is(.cw-intro-path-label,.cw-intro-path){color:#e4edf4}
html[data-theme=light] #introStart{background:#fff;color:var(--public-navy);border-color:#fff!important}
html[data-theme=light] #introStart:focus-visible{outline-color:#fff!important}
html[data-theme=light] .next-titlebar{background:var(--public-hero);border-color:var(--public-navy);color:#fff}
html[data-theme=light] .next-titlebar :is(h2,.next-stop){color:#fff}
html[data-theme=light] .next-titlebar .next-eyebrow{color:#b1d4ec}
html[data-theme=light] :is(.service-event-deck,.unified-guide,.next-caption){background:#e9f4fc!important;color:#172c3c}
html[data-theme=light] :is(.service-controls,.narratorhead,.next-controls) button[aria-pressed=true]{background:#006bb6!important;color:#fff!important;border-color:#006bb6!important}
html[data-theme=light] .next-transport button[data-next-nav=play]{background:#006bb6!important;color:#fff!important;border-color:#006bb6!important}
html[data-theme=light] :is(.mini-raci,.next-raci) thead{background:#e9f4fc;color:#09243e}
html[data-theme=light] :is(.mini-raci,.next-raci) :is(.raci-changed,.next-delta){background:#e9f4fc;color:#006bb6}

/* Selected provider, detail and model controls share the public action blue. */
html[data-theme=light] button[aria-pressed=true]{background:#006bb6!important;color:#fff!important;border-color:#006bb6!important}

/* iPad/workstation shell: readable full-width navigation and an Intro work area.
   Keep phone behavior and every diagram's own geometry unchanged. */
@media screen and (min-width:801px){
 html[data-theme=light] header .brand{font-size:12px;letter-spacing:.04em}
 html[data-theme=light] header .master-bar{min-width:0;width:100%}
 html[data-theme=light] header .master-bar [role=tablist]{display:grid;grid-template-columns:minmax(64px,.6fr) repeat(5,minmax(0,1fr));width:100%;margin:0;padding:0;overflow:visible}
 html[data-theme=light] header .master-bar [role=tab]{font-size:13px;line-height:1.25;min-height:48px!important;padding:6px 8px;white-space:normal;min-width:0}
 html[data-theme=light] .cw-intro{width:100%;max-width:none;flex:1;margin:10px 0;padding:clamp(24px,3vw,40px);border-radius:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto minmax(160px,1fr) auto auto auto;column-gap:16px;min-height:0;align-content:start}
 .cw-intro> :not(.cw-intro-callouts){grid-column:1/-1}
 .cw-intro h1{max-width:38ch;font-size:clamp(30px,2.7vw,40px)}
 .cw-intro-lede{font-size:16px;max-width:88ch}
 .cw-intro-callouts{grid-column:1/-1;gap:16px;min-height:160px}
 html[data-theme=light] .cw-intro-callouts section{display:flex;flex-direction:column;justify-content:center;border-top:3px solid var(--public-nav);border-radius:5px;padding:clamp(20px,2.2vw,32px)}
 .cw-intro-callouts h2{font-size:20px}
 .cw-intro-callouts p{font-size:17px;max-width:40ch}
 .cw-intro .cw-intro-path-label{font-size:13px;margin-top:24px}
 .cw-intro-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;font-size:15px;margin:8px 0 24px;padding-block:12px;border-block:1px solid #b1d4ec55}
 #introStart{justify-self:start;align-self:end}
}
@media screen and (min-width:1180px){
 html[data-theme=light] body>header{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px;align-items:center}
 html[data-theme=light] header .master-bar{order:initial;flex-basis:auto}
}

/* Same approved image as the public homepage; decorative, Intro only.
   The strong left fade and opaque callouts preserve the existing reading plane. */
html[data-theme=light] .cw-intro{
 background-image:linear-gradient(90deg,rgba(4,21,34,.97) 0%,rgba(9,42,72,.88) 44%,rgba(9,42,72,.70) 100%),url('assets/dod-mission-connectivity-v1-2048.webp');
 background-size:cover;background-position:center,right center;background-repeat:no-repeat;
}
@media(max-width:700px){html[data-theme=light] .cw-intro{
 background-image:linear-gradient(90deg,rgba(4,21,34,.96) 0%,rgba(9,42,72,.90) 48%,rgba(9,42,72,.82) 100%),url('assets/dod-mission-connectivity-v1-960.webp');
}}

/* Intro reading priorities: value, added work and retained decisions. */
html[data-theme=light] .cw-intro-callouts section{border-top:4px solid var(--public-nav);box-shadow:0 4px 14px #04152218}
html[data-theme=light] .cw-intro-callouts h2{font-size:20px;line-height:1.25;font-weight:700;color:#005eac;margin-bottom:12px}
html[data-theme=light] .cw-intro-callouts p{font-size:16px;line-height:1.55;color:#344e63}
@media screen and (min-width:801px){
 html[data-theme=light] .cw-intro-callouts h2{font-size:24px}
 html[data-theme=light] .cw-intro-callouts p{font-size:18px}
}

/* First-visit orientation belongs to the diagram, above changing event guidance. */
.cw-view-orientation{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;align-items:center;background:#0075d5;color:#fff;padding:10px 14px;border-left:4px solid #a9dcff;box-sizing:border-box}
html[data-theme=light] .cw-view-orientation h2{grid-column:1;font-size:13px;line-height:1.4;font-weight:650;color:#fff;margin:0}
.cw-orientation-copy{grid-column:1;min-width:0}
.cw-orientation-copy p{font-size:15px;line-height:1.5;color:#fff;margin:0;max-width:92ch}
.cw-view-orientation button{grid-column:2;grid-row:1/3;align-self:center;min-height:44px;padding:6px 10px;background:transparent;color:#fff;border:1px solid #8bbbd9;border-radius:5px;font-size:12px;white-space:nowrap;cursor:pointer}
.cw-view-orientation button:hover{background:#ffffff18}
.cw-view-orientation button:focus-visible{outline:3px solid #fff!important;outline-offset:3px}
.cw-view-orientation[data-expanded=false]{padding-block:3px;gap:0 12px}
html[data-theme=light] .cw-view-orientation[data-expanded=false] h2{font-size:12px;font-weight:500;color:#fff}
.cw-view-orientation [hidden]{display:none!important}
@media(max-width:650px){.cw-view-orientation{column-gap:8px;padding:10px}html[data-theme=light] .cw-view-orientation h2{font-size:12px}.cw-orientation-copy{grid-column:1/-1}.cw-orientation-copy p{font-size:14px}.cw-view-orientation button{grid-row:1;max-width:120px;white-space:normal}}

/* A compact signal prompt stays with the event; code opens only on request. */
.cw-instrumentation-card{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;border-top:1px solid #bfd8eb;border-left:3px solid #0075d5;background:#edf6fc;color:#172c3c;min-width:0;box-sizing:border-box}
.cw-instrumentation-card>div{min-width:0}.cw-instrumentation-card p{margin:0}
.cw-instrumentation-eyebrow,.cw-instrumentation-body-eyebrow{font-size:11px;line-height:1.4;font-weight:600;color:#365c78}.cw-instrumentation-eyebrow span{font-weight:400}
html[data-theme=light] .cw-instrumentation-card h3{font-size:16px;line-height:1.3;margin:3px 0;color:#075f96;font-weight:650}
.cw-instrumentation-signals{font-size:14px;line-height:1.4;color:#344e63;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cw-instrumentation-actions>button{min-height:44px;padding:7px 11px;border:1px solid #8db5d0;border-radius:5px;background:#fff;color:#005eac;font-size:12px;cursor:pointer;white-space:nowrap}
.cw-instrumentation-actions>button:hover{background:#dceefa}
.cw-instrument-reader{box-sizing:border-box;width:min(940px,calc(100% - 24px));max-width:none;height:min(86dvh,920px);max-height:90dvh;padding:0;border:1px solid #8db5d0;border-radius:10px;background:#fff;color:#172c3c}
.cw-instrument-reader[open]{display:flex;flex-direction:column}.cw-instrument-reader::backdrop{background:#04152299}body.cw-instrument-reader-open{overflow:hidden}
.cw-instrument-reader-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;background:#0b3553;color:#fff;border-bottom:3px solid #59bbf5}
.cw-instrument-reader-head p{font-size:12px;line-height:1.4;margin:0 0 4px;color:#d5e9f7}
html[data-theme=light] .cw-instrument-reader-head h2{font-size:22px;line-height:1.3;margin:0;color:#fff}
.cw-instrument-return{flex:none;min-height:44px;padding:7px 10px;border:1px solid #8bbbd9;border-radius:5px;background:transparent;color:#fff;font-size:13px;cursor:pointer}
.cw-instrument-return:focus-visible{outline:3px solid #fff!important;outline-offset:3px}
.cw-instrument-reader-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px 20px}
.cw-instrument-reader-body h3{font-size:16px;margin:18px 0 6px}.cw-instrument-reader-body p{font-size:14px;line-height:1.55;margin:6px 0;max-width:90ch}
.cw-instrument-context{font-weight:600;color:#075f96}.cw-instrument-scope,.cw-instrument-guardrail{padding:10px 12px;background:#edf6fc;border-left:3px solid #0075d5}
.cw-instrument-reader-body pre{box-sizing:border-box;max-width:100%;overflow:auto;white-space:pre;background:#f1f5f9;color:#203645;padding:14px;border:1px solid #c8d8e4;border-radius:6px;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}
.cw-instrument-investigation{margin:14px 0 4px;padding:4px 14px 12px;background:#edf6fc;border-left:3px solid #0075d5}
.cw-instrument-investigation h3{font-size:12px;font-weight:600;color:#365c78;margin:12px 0 3px}
.cw-instrument-investigation p{margin:0;color:#172c3c}
.cw-instrument-code-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;margin-top:16px}
.cw-instrument-code-head h3{margin:0}
.cw-instrument-copy,.cw-instrument-copy-hide{min-height:44px;padding:7px 10px;background:#fff;color:#005eac;border:1px solid #8db5d0;border-radius:5px;font-size:13px;cursor:pointer}
.cw-instrument-copy:hover,.cw-instrument-copy-hide:hover{background:#edf6fc}
.cw-instrument-copy-status:empty{display:none}.cw-instrument-copy-status{color:#075f96;font-weight:600}
.cw-instrument-copy-fallback[hidden]{display:none!important}.cw-instrument-copy-fallback{padding:12px;border:1px solid #8db5d0;border-radius:6px;background:#f8fafc}
.cw-instrument-copy-fallback label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.cw-instrument-copy-fallback textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;min-height:180px;margin-bottom:8px;border:1px solid #8db5d0;border-radius:4px;background:#fff;color:#172c3c;padding:10px;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.cw-instrument-copy:focus-visible,.cw-instrument-copy-hide:focus-visible,.cw-instrument-copy-fallback textarea:focus-visible{outline:3px solid #0075d5!important;outline-offset:3px}
@media(max-width:650px){.cw-instrumentation-card{grid-template-columns:minmax(0,1fr);gap:8px}.cw-instrumentation-actions>button{justify-self:start}.cw-instrument-reader-head{align-items:flex-start;padding:12px;gap:8px}.cw-instrument-reader-head h2{font-size:19px!important}.cw-instrument-return{max-width:112px;white-space:normal}.cw-instrument-reader-body{padding:12px}}

/* A short first-use route and a reversible incident/dependency connection. */
.cw-intro-entry{display:flex;align-items:center;justify-content:space-between;gap:20px}
.cw-intro-instructions{font-size:14px;line-height:1.5;margin:0;color:#fff;max-width:70ch}.cw-intro-instructions span{display:block;font-size:12px;color:#d5e9f7;margin-top:4px}
.cw-intro-entry #introStart{flex:none}
.cw-instrumentation-next{font-size:13px;line-height:1.4;color:#344e63;margin-top:4px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cw-instrumentation-actions{display:flex;flex-direction:column;align-items:stretch;gap:4px;max-width:225px}
.cw-instrumentation-actions .cw-dependency-link{border-color:transparent;background:transparent;font-size:12px;padding:4px 6px;white-space:normal}
.cw-instrumentation-actions [hidden]{display:none!important}
.cw-support-handoff{font-size:12px!important;line-height:1.5!important;color:#344e63;border-left:3px solid #0075d5;padding:5px 8px;background:#edf6fc}
@media(max-width:800px){.cw-intro-entry{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:650px){.cw-instrumentation-actions{max-width:100%;align-items:flex-start}.cw-instrumentation-actions>button{min-height:44px}}

/* Put the changing support action first; keep the scoped RACI available below. */
.unified-rail>.cw-support-priority{order:-2;flex:none;padding:10px 12px;background:#fff;border:1px solid #c8d8e4;border-left:3px solid #0075d5;border-radius:8px}
.unified-rail>.mini-raci,.unified-rail>.next-raci{order:0}
.cw-support-priority-label{margin:0 0 5px;font-size:11px;color:#365c78}
html[data-theme=light] .cw-support-priority h3{font-size:16px;line-height:1.3;color:#075f96;margin:0 0 7px}
.cw-support-priority .cw-support-handoff{font-size:14px!important;line-height:1.5!important;margin:0;border:0;padding:0;background:transparent}
.cw-support-link-context{font-size:12px;line-height:1.5;color:#344e63;margin:10px 0 0;padding-top:8px;border-top:1px solid #d9e3ec}

/* Optional OTel reading area: compact by default; native disclosure retains state. */
.cw-instrumentation-details{min-width:0;margin:0;border:0;padding:0}
.cw-instrumentation-details>summary{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-height:44px;box-sizing:border-box;list-style:none;cursor:pointer;color:#075f96}
.cw-instrumentation-details>summary::-webkit-details-marker{display:none}
.cw-instrumentation-details>summary:focus-visible{outline:3px solid #0075d5!important;outline-offset:3px;border-radius:3px}
.cw-instrumentation-peek{font-size:14px;line-height:1.4;font-weight:600;min-width:0}
.cw-instrumentation-cue{font-size:12px;line-height:1.4;margin-left:auto;white-space:nowrap;color:#005eac}
.cw-instrumentation-details[open] .cw-instrumentation-peek{display:none}
.cw-instrumentation-body{padding-top:4px;padding-bottom:4px}
.cw-instrumentation-details:not([open])>.cw-instrumentation-body{display:none}
@media(max-width:650px){.cw-instrumentation-details>summary{gap:4px 8px}.cw-instrumentation-details>summary .cw-instrumentation-eyebrow{flex-basis:100%}.cw-instrumentation-cue{margin-left:0}.cw-instrumentation-details>summary{padding-block:4px}}

.cw-instrumentation-details:not([open])+.cw-instrumentation-actions>button:first-child{display:none!important}

.cw-instrumentation-details:not([open]) .cw-instrumentation-when-open,.cw-instrumentation-details[open] .cw-instrumentation-when-closed{display:none}
/* Leave the existing floating view controls clear in the fixed landscape workbench. */
@media(min-width:1024px) and (orientation:landscape) and (min-height:801px){.cw-instrumentation-details:not([open])>summary{margin-left:144px}}

/* Roomy landscape workbench: spend recovered chrome height on the diagram.
   Keep 44px hit targets and a stable explanation deck in manual/playback states. */
@media(min-width:1180px) and (min-height:801px) and (orientation:landscape){
 html[data-theme=light] header .master-bar [role=tab]{min-height:44px!important;padding-block:4px;font-size:12px}
 .unified-view .unified-controls{height:52px!important;min-height:52px!important;padding-block:3px!important;gap:4px 10px}
 .unified-controls .providerbar{flex:0 1 auto;min-width:0}
 .unified-controls .stage-controls{flex:1;gap:8px;flex-wrap:nowrap;padding-block:0}
 .unified-controls :is(.stage-controls,.service-controls)>label:not(.jwcc-toggle){display:flex;flex-direction:row;align-items:center;gap:5px;white-space:nowrap}
 .unified-controls select{min-height:44px;max-width:210px}
 .unified-controls .stage-controls #placement{max-width:160px}
 .unified-controls .service-controls{padding-block:0;gap:10px;border-color:transparent;background:transparent}
 .cw-view-orientation{padding:6px 12px;gap:2px 12px}
 .cw-orientation-copy p{font-size:14px;line-height:1.4;max-width:none}
 .unified-view .graphic-dock button{min-width:44px;padding-inline:7px}
 .unified-view .graphic-dock button:not([aria-pressed=true]),.unified-controls .service-controls .seg button[aria-pressed=false]{border-color:transparent!important;background:transparent!important}
}