/* Protection Coordination uses the shared glass palette; chart and report semantics are preserved. */
.page-coordination .vd-stage { display:block; background:var(--bg); padding:20px 24px 48px; }
.page-coordination .vd-stage .vd-suite.suite-wide { display:flex; flex-direction:column; width:100%; max-width:none; gap:36px; }
.page-coordination .vd-suite.suite-wide .vd {
 --display:var(--bg-deep); --input:var(--bg-card); --ctrl:var(--bg-deepest);
 --ink: #111; --ink-dim:#444; --ink-fade:#666;
 --hairline:var(--rule-strong); --soft:var(--bg-deepest); --copper:var(--ink);
 --clay-text:var(--ink); --clay-small:#a44523; --pass:#38613b; --fail:#b32f29;
 --on-dark:var(--ink); --on-dark-dim:var(--ink-dim); --on-dark-line:var(--hairline);
 --pad:16px; --gap:12px; --hero-size:42px; --ctl-h:36px;
 min-width:0; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent;
 font-family:var(--sans); font-weight:400;
}
html[data-theme="night"] .page-coordination .vd-suite.suite-wide .vd {
 --ink:#f5f5f5; --ink-dim:#ddd; --ink-fade:#b4b4b4;
 --pass:#a8cfab; --fail:#ffaaa4; --clay-small:#edb294;
}
.page-coordination .vd-suite.suite-wide > .vd[data-role="analysis"] { position:static; max-height:none; overflow:visible; }
.page-coordination .vd [hidden] { display:none !important; }
.page-coordination .vd .vd-head { padding:0 0 14px; min-height:42px; flex-wrap:wrap; gap:8px; }
.page-coordination .vd .vd-head .t { font:500 22px/1.25 var(--sans); letter-spacing:-.035em; color:var(--ink); margin:0; }
.page-coordination .vd .vd-head .hr { flex-wrap:wrap; gap:8px; }
.page-coordination .vd .vd-head .tag { font:400 11px/1.5 var(--sans); letter-spacing:0; color:var(--ink-fade); }
.page-coordination .vd .vd-status { background:var(--bg); padding:4px 10px; border:1px solid var(--hairline); }
.page-coordination .vd .vd-status select { appearance:auto; background-image:none; color:var(--ink); font:400 13px var(--sans); letter-spacing:0; text-transform:none; padding:0; min-height:26px; }
.page-coordination .vd .vd-status select option { color:var(--ink); background:var(--bg-card); }
.page-coordination .vd .vd-card, .page-coordination .vd .vd-hero { min-width:0; border:1px solid var(--rule); border-radius:12px; box-shadow:none; }
.page-coordination .vd .cs-cols { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; align-items:start; }
.page-coordination .vd-stage .vd-compact[aria-label="Cable sizing calculator"] .cs-cols .cs-grid { gap:8px !important; grid-template-columns:minmax(0,1fr); }
.page-coordination .vd .cs-grid .span-2 { grid-column:1 / -1; }
.page-coordination .vd .vd-card .ct { display:block; font:500 16px/1.25 var(--sans); letter-spacing:-.025em; text-transform:none; color:var(--ink); margin:0 0 16px; min-height:40px; }
.page-coordination .vd .vd-card .ct::before, .page-coordination .vd .ct-meta { display:none; }
.page-coordination .vd .vd-fld { min-width:0; margin:0; }
.page-coordination .vd .vd-fld .fl { margin-bottom:4px; min-height:18px; gap:4px; }
.page-coordination .vd .vd-fld .fld-label { font-size:13px; line-height:18px; font-weight:400; letter-spacing:0; text-transform:none; color:var(--ink-dim); }
.page-coordination .vd .field, .page-coordination .vd select.dd { min-height:36px; height:auto; border:1px solid var(--hairline); border-radius:7px; background-color:var(--input); padding-inline:9px; }
.page-coordination .vd select.dd { font-size:15px; line-height:1.5; font-weight:400; appearance:auto; background-image:none; }
.page-coordination .vd .field input { min-width:0; width:100%; font-size:16px; line-height:1.5; font-weight:400; }
.page-coordination .vd .field .unit { flex-shrink:0; font:400 11px var(--sans); color:var(--ink-fade); }
.page-coordination .vd .field .unit-sel { font:400 13px var(--sans); color:var(--ink); background:var(--input); border:0; }
.page-coordination .vd .seg-radio { border-radius:7px; min-height:36px; background:var(--input); border:1px solid var(--hairline); }
.page-coordination .vd .seg-radio label { display:flex; align-items:center; justify-content:center; border-radius:5px; font-size:13px; font-weight:400; padding:5px 4px; white-space:normal; transition:none; }
.page-coordination .vd .seg-radio label.active { background:var(--ink); color:var(--bg-card); box-shadow:none; }
.page-coordination .vd :is(input,select,button,a,summary,[contenteditable]):focus-visible,
.page-coordination .vd .seg-radio label:focus-within { outline:2px solid var(--ink); outline-offset:3px; }
.page-coordination .vd .field:focus-within { border-color:var(--ink); }
.page-coordination .vd :is(.vd-pdf-btn,.vd-save-btn,.add-btn,.amp-dc-act,.vsp-save) { font:400 13px/1.4 var(--sans); letter-spacing:0; text-transform:none; border-radius:999px; min-height:36px; padding:8px 14px; margin:0; }
.page-coordination .vd :is(.vd-save-btn,.vsp-save) { background:var(--ink); color:var(--bg-card); border:1px solid var(--ink); }
.page-coordination .vd :is(.vd-pdf-btn,.add-btn,.amp-dc-act) { color:var(--ink); background:var(--bg-card); border:1px solid var(--hairline); }
.page-coordination .vd :is(.vd-pdf-btn,.add-btn,.amp-dc-act):hover { background:var(--bg-deepest); }
.page-coordination .cable-input-foot { display:flex; justify-content:space-between; gap:12px; align-items:center; color:var(--ink-fade); font-size:12px; }
.page-coordination .cable-input-foot a { display:inline-flex; align-items:center; min-height:32px; color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
/* Results follow the complete input workspace in document order. */
.page-coordination .vd .vd-hero { padding:20px; margin-bottom:16px; display:block; }
.page-coordination .vd .vd-hero-main { border:0; padding:0; min-width:0; }
.page-coordination .vd .vd-hero-viz { display:none; }
.page-coordination .vd .vd-lbl { font-size:14px; font-weight:400; letter-spacing:0; text-transform:none; }
.page-coordination .vd .vd-figure { margin:10px 0 4px; }
.page-coordination .vd .vd-figure .big { flex-wrap:wrap; }
.page-coordination .vd .vd-figure .big .v { font-weight:500; line-height:1; color:var(--ink); }
.page-coordination .vd .vd-figure .sub { font-size:14px; font-weight:400; margin-top:10px; }
.page-coordination .vd .vd-badge { font-size:12px; font-weight:400; letter-spacing:0; text-transform:none; }
.page-coordination .vd .cs-gov { font:400 12px/1.5 var(--sans); letter-spacing:0; text-transform:none; color:var(--ink-fade); }
.page-coordination .cable-key-checks { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.page-coordination .cable-check { min-width:0; padding:20px; border:1px solid var(--hairline); border-radius:12px; }
.page-coordination .cable-check-head { display:flex; justify-content:space-between; align-items:baseline; gap:8px; }
.page-coordination .cable-check h3 { font:500 16px/1.35 var(--sans); letter-spacing:-.02em; margin:0; }
.page-coordination .cable-check-status { font-size:12px; color:var(--ink-fade); }
.page-coordination .cable-check-value { margin:20px 0 3px; font-size:30px; line-height:1.15; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.page-coordination .cable-check-limit { font-size:13px; color:var(--ink-fade); margin:0; }
.page-coordination [data-status="pass"] .cable-check-status, .page-coordination .cable-other-check[data-status="pass"] strong { color:var(--pass); }
.page-coordination [data-status="fail"] .cable-check-status, .page-coordination .cable-other-check[data-status="fail"] strong { color:var(--fail); }
.page-coordination .cable-check[data-status="fail"] { border-color:var(--fail); }
.page-coordination .cable-other-checks { display:flex; flex-wrap:wrap; gap:12px 32px; padding:16px 0; font-size:13px; }
.page-coordination .cable-other-check { display:flex; flex-wrap:wrap; gap:8px; }
.page-coordination .cable-other-check strong { font-weight:500; color:var(--ink-fade); }
.page-coordination .cable-other-check p { flex-basis:100%; color:var(--fail); margin:0; }
.page-coordination .cable-advisories { border:1px solid var(--hairline); border-left:3px solid var(--clay-small); padding:16px; margin-bottom:16px; border-radius:8px; }
.page-coordination .cable-advisories h3 { font:500 14px var(--sans); margin:0 0 8px; }
.page-coordination .cable-advisories ul { margin:0; padding-left:18px; color:var(--ink-dim); font-size:13px; }
.page-coordination .cable-details { border-top:1px solid var(--hairline); }
.page-coordination .cable-details > summary { padding:18px 0; cursor:pointer; font-size:16px; font-weight:500; }
.page-coordination .cable-details > summary span { font-size:13px; font-weight:400; color:var(--ink-fade); margin-left:14px; }
.page-coordination .vd .vd-tabs { flex-wrap:wrap; gap:4px; border-bottom:1px solid var(--hairline); padding-bottom:12px; margin-bottom:10px; }
.page-coordination .vd .vd-tab { border:1px solid transparent; border-radius:999px; min-height:40px; padding:9px 16px; color:var(--ink-dim); font:400 14px var(--sans); background:transparent; transition:none; }
.page-coordination .vd .vd-tab.active { color:var(--bg-card); background:var(--ink); border-color:var(--ink); }
.page-coordination .vd .vd-tab::after { display:none; }
.page-coordination .vd .vd-tabs .ref { font:400 11px var(--sans); color:var(--ink-fade); }
.page-coordination .vd .srow { gap:18px; padding:10px 0; }
.page-coordination .vd .srow .lab, .page-coordination .vd .srow .val { font-size:14px; }
.page-coordination .vd .srow .val { font-weight:400; white-space:normal; text-align:right; }
.page-coordination .vd .srow.gov .val { color:var(--ink); }
.page-coordination .vd .ref { font-family:var(--sans); }
.page-coordination .vd .creason { padding:14px 0; }
.page-coordination .vd .creason .ctag { font:500 12px/1.7 var(--sans); letter-spacing:0; }
.page-coordination .vd .creason .cmsg { font-size:14px; line-height:1.6; }
.page-coordination .vd .vd-pane { min-width:0; overflow-x:auto; }
.page-coordination .vd #pane-summary:not([hidden]) { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); column-gap:48px; }
.page-coordination .vd #pane-summary .srow { grid-column:1; }
.page-coordination .vd #pane-summary .vd-util { grid-column:2; grid-row:1 / span 16; align-self:start; margin:0; padding:16px 0; border:0; gap:24px; }
.page-coordination .vd table.vd-tbl { font-size:14px; }
.page-coordination .vd #pane-comparison table.vd-tbl { display:table; overflow:visible; }
.page-coordination .vd #pane-comparison > div:has(> table), .page-coordination .vd #pane-audit > pre { overflow:visible !important; }
.page-coordination .vd #pane-audit > pre { font-family:var(--mono) !important; }
.page-coordination .vd .vd-pane:focus-visible { outline:2px solid var(--ink); outline-offset:4px; border-radius:4px; }
.page-coordination .vd table.vd-tbl th { color:var(--ink-fade); font-weight:400; letter-spacing:0; }
.page-coordination .vd table.vd-tbl tbody tr.sel { background:var(--soft); }
.page-coordination .vd .vd-docgrid { margin-top:12px; }
.page-coordination .vd .doc-h { text-transform:none; font-size:15px; letter-spacing:0; font-weight:500; }
.page-coordination .vd :is(.amp-dc-docno,.amp-dc-rev,.amp-dc-chip,.amp-dc-vf,.amp-dc-reg,.amp-dc-rrow .rv) { font-family:var(--mono); }
.page-coordination .vd .amp-dc-fld input { min-height:36px; font-weight:400; }
.page-coordination .vd .vd-exports { padding:14px 0; border:0; border-top:1px solid var(--hairline); border-radius:0; background:transparent; }
.page-coordination .vd .vd-save-panel { background:var(--bg-card); color:var(--ink); border:1px solid var(--hairline); border-radius:12px; box-shadow:0 12px 40px #00000014; max-width:calc(100vw - 48px); }
.page-coordination .vd :is(.vsp-head,.vsp-fld>span,.vsp-msg) { font-family:var(--sans); color:var(--ink-dim); letter-spacing:0; text-transform:none; }
.page-coordination .vd :is(.vsp-fld input,.vsp-fld select) { font-family:var(--sans); background:var(--input); color:var(--ink); border-radius:7px; border-color:var(--hairline); }
.page-coordination :is(#cs-hero,#cable-inputs,#cable-analysis,#cable-document) { scroll-margin-top:80px; }
@media (max-width:999px) {
 .page-coordination .vd .cs-cols { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .page-coordination .vd .cs-cols > .vd-card:last-child { grid-column:span 2; }
 .page-coordination .vd-stage .vd-compact[aria-label="Cable sizing calculator"] .cs-cols > .vd-card:last-child .cs-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .page-coordination .cable-key-checks { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:800px) {
 .page-coordination .vd .cs-cols { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .page-coordination .vd #pane-summary:not([hidden]) { display:block; }
 .page-coordination .vd #pane-summary .vd-util { margin-top:16px; }
}
@media (max-width:600px) {

 .page-coordination .vd-stage { padding:16px 16px 32px; }
 .page-coordination .vd .cs-cols { grid-template-columns:1fr; }
 .page-coordination .vd .cs-cols > .vd-card:last-child { grid-column:auto; }
 .page-coordination .vd-stage .vd-compact[aria-label="Cable sizing calculator"] .cs-cols > .vd-card:last-child .cs-grid { grid-template-columns:1fr; }
 .page-coordination .vd .vd-head .hr { width:100%; }
 .page-coordination .vd .vd-head .tag { flex-basis:100%; }
 .page-coordination .vd .vd-card .ct { min-height:0; }
 .page-coordination .vd :is(.field input,select.dd,.pj-fld input,.amp-dc-fld input) { font-size:16px; }
 .page-coordination .vd .vd-tabs .ref { width:100%; padding-top:8px; }
 .page-coordination .vd .vd-tab { padding:9px 12px; }
 .page-coordination .cable-key-checks { grid-template-columns:1fr; }
 .page-coordination .cable-details > summary span { display:block; margin:6px 0 0 18px; }
 .page-coordination .vd .vd-hero-head { flex-wrap:wrap; }
}
@media (pointer:coarse), (max-width:600px) {
 .page-coordination .vd .field, .page-coordination .vd select.dd, .page-coordination .vd .seg-radio { min-height:44px; height:auto; }
 .page-coordination .vd :is(.vd-pdf-btn,.vd-save-btn,.add-btn,.amp-dc-act,.vsp-save) { min-height:44px; }
}
@media (prefers-reduced-motion:reduce) { .page-coordination *, .page-coordination *::before, .page-coordination *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }

.page-coordination .vd .vd-card { padding:16px; background:var(--bg-card); }
.page-coordination .pc-top { display:flex; flex-direction:column; gap:36px; }
.page-coordination .pc-compact-inputs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; width:100%; align-items:start; }
.page-coordination #pc-settings { display:contents; }
.page-coordination .pc-set-group { min-width:0; margin:0; padding:16px; border:1px solid var(--rule); border-radius:12px; background:var(--bg-card); }
.page-coordination .pc-panel-h,.page-coordination .pc-set-head { font:500 16px/1.25 var(--sans); text-transform:none; letter-spacing:0; opacity:1; margin-bottom:16px; }
.page-coordination .pc-set-head { flex-wrap:wrap; }
.page-coordination .pc-set-ctrls { width:100%; justify-content:flex-end; }
.page-coordination .pc-mk-grid { grid-template-columns:1fr; gap:8px; }
.page-coordination .pc-mk-fld { min-width:0; }
.page-coordination .pc-mk-fld label,.page-coordination .pc-set-toprow { font:400 13px/18px var(--sans); }
.page-coordination .pc-mk-fld input,.page-coordination .pc-add-search,.page-coordination .pc-add-sel,.page-coordination .pc-set-edit { min-height:36px; height:auto; font:400 16px/1.5 var(--sans); border-radius:7px; }
.page-coordination .pc-add-row { gap:8px; }
.page-coordination .pc-add-sel { width:100%; font-size:15px; }
.page-coordination .pc-set-val { font:400 16px/1.5 var(--sans); font-variant-numeric:tabular-nums; }
.page-coordination .pc-set-row input[type=range] { min-height:24px; }
.page-coordination :is(.pc-mini-btn,.pc-rep-btn,.pc-zoom-btn,.pc-set-move,.pc-set-save,.pc-set-rm,.pc-demo-x) { min-height:36px; min-width:36px; border-radius:7px; font:400 13px var(--sans); color:var(--ink); background:var(--bg-card); border:1px solid var(--hairline); box-shadow:none; }
.page-coordination :is(.pc-mini-btn,.pc-rep-btn) { border-radius:999px; }
.page-coordination #pc-add-btn { background:var(--ink); color:var(--bg-card); }
.page-coordination .pc-set-tools { flex-wrap:wrap; }
.page-coordination .pc-demo-banner,.page-coordination .pc-help { background:var(--bg-deep); border:1px solid var(--hairline); border-radius:12px; }
.page-coordination :is(.pc-demo-txt,.pc-help-body p,.pc-help > summary,.pc-note,.pc-ovl-note,.pc-ovl > summary,.pc-add-status) { font:400 13px/1.5 var(--sans); color:var(--ink-dim); }
.page-coordination :is(.pc-demo-txt b,.pc-help-body b,.pc-nav-link) { color:var(--ink); }
.page-coordination .pc-nav-link { font:400 13px var(--sans); text-decoration:underline; }
.page-coordination .pc-chain-hint { display:block; margin:5px 0 0; font:400 12px var(--sans); opacity:1; }
.page-coordination .pc-input-note { margin-top:12px; }
.page-coordination .pc-input-note summary { font-size:13px; cursor:pointer; }
.page-coordination .pc-chart-card { width:100%; padding:20px; }
.page-coordination .pc-chart-box { background:#fff; --ink:#111; --ink-dim:#444; --ink-fade:#666; --hairline:#ddd; }
.page-coordination .pc-chart-tools { position:static; justify-content:flex-end; margin-bottom:12px; }
.page-coordination .pc-chart-verdict { top:12px; left:14px; right:auto; }
.page-coordination .pc-chart-verdict .pc-badge { box-shadow:none; }
.page-coordination .pc-chart { height:480px; }
.page-coordination .pc-chart-cap { color:#444; font:400 12px/1.5 var(--sans); }
.page-coordination .pc-results-title { font:500 22px/1.25 var(--sans); margin:0 0 16px; }
.page-coordination .pc-coord-panel { width:100%; margin:0; padding:0; border:0; }
.page-coordination .pc-coord-row { font:400 14px/1.5 var(--sans); }
.page-coordination .pc-coord-detail,.page-coordination .pc-coord-warn,.page-coordination .pc-coord-type { font:400 13px/1.5 var(--sans); }
.page-coordination .pc-coord-warn { color:var(--ink-dim); }
.page-coordination .pc-lower { margin-top:36px; }
.page-coordination .vd a { text-underline-offset:3px; }
.page-coordination .pc-note a { text-decoration:underline !important; }
.page-coordination :is(button,input,select,summary,[tabindex]):focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
@media(max-width:1199px){.page-coordination .pc-compact-inputs{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:800px){.page-coordination .pc-compact-inputs{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.page-coordination .pc-compact-inputs{grid-template-columns:1fr;}.page-coordination .pc-chart{height:360px;}.page-coordination .pc-chart-card{padding:12px;}}
@media(pointer:coarse),(max-width:600px){.page-coordination :is(button,.pc-mk-fld input,.pc-add-search,.pc-add-sel){min-height:44px;}}
.page-coordination .pc-badge.pass { background:#38613b; color:#fff; }
.page-coordination .pc-badge.fail { background:#b32f29; color:#fff; }
.page-coordination .pc-badge { font:400 12px/1.5 var(--sans); letter-spacing:0; }
.page-coordination .pc-ovl-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
.page-coordination .pc-ovl input,.page-coordination .pc-ovl select { min-width:0; max-width:100%; box-sizing:border-box; }
.page-coordination .pc-ovl-actions { flex-wrap:wrap; }
.page-coordination .pc-ovl-note { overflow-wrap:anywhere; }
@media(max-width:600px){.page-coordination .pc-ovl-fields{grid-template-columns:1fr;}}
/* Consistent glass surfaces, with semantic result colours retained. */
.page-coordination .vd .vd-head .hl{display:block}
.page-coordination .coordination-subheading{font:400 12px/1.5 var(--sans);color:var(--ink-soft);margin:5px 0 0}
.page-coordination .vd :is(.vd-card,.vd-hero){background:var(--panel-glass);border:1px solid var(--glass-edge);border-radius:22px;box-shadow:var(--panel-shadow);backdrop-filter:blur(22px) saturate(105%);-webkit-backdrop-filter:blur(22px) saturate(105%)}
.page-coordination .vd :is(.field,select.dd,.seg,.stepper){background:var(--glass);border-color:var(--rule-strong);border-radius:11px;box-shadow:inset 0 1px 0 var(--glass-edge)}
.page-coordination .vd select.dd option{background:var(--bg-card);color:var(--ink)}
.page-coordination .vd .seg-btn{border-radius:8px}
.page-coordination .vd .vd-status{background:var(--glass);border-color:var(--glass-edge);border-radius:999px;box-shadow:inset 0 1px 0 var(--glass-edge)}
.page-coordination .vd :is(.vd-pdf-btn,.add-btn,.amp-dc-act,.vd-tab){background:var(--glass);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-edge)}
.page-coordination .vd .vd-tab.active{background:var(--ink);border-color:var(--ink)}
.page-coordination .vd .vd-adv-toggle{background:var(--glass);border:1px solid var(--glass-edge);border-radius:14px;padding:12px 16px;min-height:44px}
.page-coordination .pc-demo-banner{background:var(--panel-glass);border-radius:16px}
.page-coordination .vd .vd-save-panel{border-radius:22px}
html[data-theme="night"] .page-coordination{color-scheme:dark}
@media(prefers-reduced-transparency:reduce){.page-coordination .vd :is(.vd-card,.vd-hero,.field,select.dd,.seg,.stepper,.vd-adv-toggle){background:var(--bg-card);backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.page-coordination .vd :is(.vd-card,.vd-hero){border-color:CanvasText}}

@media screen{.page-coordination .vd :is(.pc-axis-title,.pc-legend-t,.pc-sched th){font-family:var(--sans)}}

@media screen{.page-coordination .vd :is(.pc-axis text,.pc-marker-label,.pc-annot-t,.pc-readout-h,.pc-readout-t,.pc-fault-band-t,.pc-curve-badge,.pc-set-num,.pc-ref-pt,.pc-pinch-label,.pc-sched td.mono){font-family:var(--mono)}}
