/*rr-house-style*//* Shared product surfaces. Colours express state consistently in both themes. */
:root {
  --chart-blocked:#ce6842; --chart-review:#9d7bad; --chart-active:#34689f; --chart-complete:#207f8b; --chart-unavailable:#3a76b5;
  --page:#eef2f7; --surface:#fff; --surface-alt:#f0f3f8; --surface-hover:#eef2f7;
  --ink:#1c2a38; --muted:#3469a0; --line:#cfdbe7; --soft:var(--surface-alt);
  --blue:#568ec9; --indigo:#568ec9; --accent-soft:#eef2f7; --accent-line:#cfdbe7;
  --teal:#175e68; --good-bg:#eef6f7; --good-line:#cfe5e7;
  --red:#a73344; --risk-bg:#f7f0ee; --risk-line:#e7d6cf;
  --amber:#846821; --warn-bg:#f7f4ee; --warn-line:#e7e1cf;
  --sky:#2f5f91; --sky-bg:#eef2f7; --sky-line:#cfdbe7;
  --shadow:0 1px 2px #162a4510; --radius:10px;
}
:root[data-theme=dark] {
  --chart-blocked:#e7d6cf; --chart-review:#cfdbe7; --chart-active:#cfdbe7; --chart-complete:#50c7d7; --chart-unavailable:#2a5583;
  --page:#0d1421; --surface:#151f2f; --surface-alt:#1c293c; --surface-hover:#27364c;
  --ink:#edf2fa; --muted:#cfdbe7; --line:#204164;
  --blue:#cfdbe7; --indigo:#cfdbe7; --accent-soft:#273748; --accent-line:#2f5f92;
  --teal:#50c7d7; --good-bg:#173337; --good-line:#1c717d;
  --red:#e7d6cf; --risk-bg:#3b2729; --risk-line:#964527;
  --amber:#e7e1cf; --warn-bg:#372e20; --warn-line:#8e6f23;
  --sky:#cfdbe7; --sky-bg:#1b3046; --sky-line:#2d5c8d;
  --shadow:0 1px 3px #0003;
}
@font-face{font-family:Inter;src:url('./fonts/Inter-Regular.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:Inter;src:url('./fonts/Inter-Bold.ttf') format('truetype');font-weight:600 800;font-display:swap}
body{background:var(--page);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.case-heading h2,.proof-heading h3,.plan-outcome strong,.dark-card h3,.safety-kpis strong,.drill-selector h3,.drill-empty h3,.drill-verdict>strong,.readiness-card h3,.mismatch-card h3,.rail-bottom strong{font-family:Inter,-apple-system,sans-serif;font-weight:600;letter-spacing:-.025em;color:inherit}
button,input,select,textarea{font-family:inherit;font-size:13px}
button{background:var(--surface);border-color:var(--line);color:var(--ink);font-weight:600;border-radius:7px;box-shadow:none}
button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--muted);color:var(--ink)}
button:disabled{cursor:not-allowed;opacity:.55}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex='0']:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.primary,.present-button{background:#588fc9;border-color:#588fc9;color:#fff}
.primary:hover:not(:disabled),.present-button:hover:not(:disabled){background:#3c7aba;border-color:#3c7aba;color:#fff}
button.text,.quiet{background:transparent;color:var(--blue)}
a,.number-label,.mini-label{color:var(--blue)}
input:not([type=range]),select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:9px 11px}
input[type=range]{accent-color:var(--blue)}
input[aria-invalid=true]{border-color:var(--red);outline-color:var(--red)}
code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}
pre{background:var(--surface-alt);color:var(--ink)}
.topbar{height:72px;padding:0 26px;background:var(--surface);border-color:var(--line)}
.brand{color:var(--ink);font-size:17px;gap:11px}.brand small{font-size:10px;letter-spacing:.015em;color:var(--muted)}
.brandmark{background:#588fc9;border-radius:10px;width:37px;height:37px;font-size:23px}.brandmark span{color:#cfdbe7}
.toplinks{gap:10px}.toplinks button{font-size:12px}.toplinks .pill{font-size:10px;background:var(--surface-alt);color:var(--muted)}
.appearance-control{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
.appearance-control svg{width:16px;height:16px;flex-shrink:0}.appearance-control select{padding:7px 8px;font-size:12px;width:96px;cursor:pointer}
.app-frame{max-width:none;grid-template-columns:228px minmax(0,1fr)}
.app-rail{background:var(--surface);padding:25px 14px;gap:6px;border-color:var(--line);height:100vh;max-height:none}
.rail-caption{font-size:10px;letter-spacing:.08em;color:var(--muted);padding:0 12px;margin-bottom:13px}
.app-rail>button{font-size:12px;color:var(--muted);padding:12px 11px;gap:11px;min-width:0}
.app-rail>button small{color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}
.app-rail>button[aria-current=page]{background:var(--accent-soft);color:var(--blue);border-color:var(--accent-line);box-shadow:inset 3px 0 var(--blue)}
.app-rail>button:hover{background:var(--surface-alt)}
.nav-icon{color:inherit}.rail-bottom{border-color:var(--line)}.rail-bottom strong{font-size:13px}.rail-bottom p{font-size:11px;color:var(--muted)}.rail-cross{color:var(--blue)}.rail-bottom button{font-size:11px;color:var(--blue)}
main{padding:0 28px;max-width:1600px;width:100%;min-width:0}
.session-bar{padding:14px 0;gap:14px;border-bottom:1px solid var(--line);min-height:64px}.session-bar .connection{font-size:11px}.session-bar p{font-size:10px;color:var(--muted)}.session-tools button{font-size:10px;background:var(--surface)}
.connection i{box-shadow:none}.connection i.live{background:var(--teal)}
.page-heading{margin:27px 0 23px;align-items:center}.page-heading h1,.case-intro h1{font-size:28px;line-height:1.3;margin-bottom:8px;font-weight:600}
.page-heading p:not(.eyebrow){font-size:13px;color:var(--muted)}.page-heading>button{font-size:12px}.eyebrow{font-size:10px!important;color:var(--muted);letter-spacing:.09em;margin-bottom:9px}.eyebrow .badge{margin-left:8px;letter-spacing:0;text-transform:none}
.card,.planning-controls,.chart-card,.comparison-card,.schedule-card,.topology,.readiness-card,.safety-kpis>button,.diagnostic-grid,.edge-lab,.sequence-panel,.evidence-card,dialog{background:var(--surface);border-color:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink)}
.card h3{font-size:17px}.card p,.lede,.small{color:var(--muted);font-size:12px}.card{padding:22px}
.badge,.pill{background:var(--surface-alt);color:var(--muted);font-size:10px;border-radius:5px;letter-spacing:0;font-weight:500}
.badge.green,.check,.matrix-cell.pass{background:var(--good-bg);color:var(--teal)}
.badge.red,.check.bad,.matrix-cell.fail{background:var(--risk-bg);color:var(--red)}
.badge.amber{background:var(--warn-bg);color:var(--amber)}
.formula{background:var(--surface-alt);color:var(--muted);font-size:11px;padding:11px 13px}
/* A complete, compact planning surface: inputs, decision, trajectory and schedule. */
.planning-layout{display:block}.planning-controls{padding:22px;margin:0 0 20px}.planning-controls .sectionline{margin-bottom:22px}.planning-controls h2{font-size:16px;margin:0 0 5px}.planning-controls .sectionline p{font-size:12px;color:var(--muted);margin:0}.planning-controls .text{font-size:12px;white-space:nowrap}
.planning-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}
.device-input,.slider-label{margin:0;padding:0;border:0;display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0;font-size:12px}
.device-input>span,.slider-label>span{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin:0}
.device-input small{color:var(--muted);font-size:10px;font-weight:400}
.device-input input{width:100%;font-size:16px;font-weight:600;padding:8px 12px;margin:0;background:var(--surface-alt);color:var(--ink)}
.slider-label output{font-size:12px;color:var(--blue);font-weight:600;background:var(--accent-soft);padding:3px 7px;border-radius:5px}
.slider-label input{width:100%;height:16px;margin:0;accent-color:var(--blue)}
.slider-label>small{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
.planning-note{border-top:1px solid var(--line);margin-top:22px;padding-top:14px;font-size:11px;color:var(--muted)}.planning-note summary{cursor:pointer}.planning-note p{font-size:12px;max-width:1000px;margin:12px 0 0}.planning-validation{color:var(--red);background:var(--risk-bg);font-size:12px;padding:12px;margin:18px 0 0;border-radius:6px}
#planning-result{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.6fr);gap:20px;align-items:stretch}
.plan-outcome{background:var(--risk-bg);border:1px solid var(--risk-line);color:var(--red);padding:24px;border-radius:var(--radius);margin:0;display:flex;flex-direction:column}
.plan-outcome.achievable{background:var(--good-bg);border-color:var(--good-line);color:var(--teal)}
.plan-verdict{font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px}
.plan-outcome>strong{font-size:48px;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.plan-outcome strong small{font-size:12px;margin-top:9px;letter-spacing:0;max-width:none;white-space:normal;font-weight:400}
.plan-outcome p{font-size:12px;line-height:1.7;max-width:none;margin:18px 0 0}
.plan-kpis{font-size:10px;gap:10px;border-color:currentColor;margin-top:20px;padding-top:17px;border-top-color:color-mix(in srgb,currentColor 20%,transparent)}
.plan-kpis b{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}
.plan-recommendation{font-size:12px!important;display:block!important;padding-top:18px;margin-top:auto;line-height:1.7}
.chart-card,.comparison-card,.schedule-card{padding:23px;margin:0;min-width:0;border:1px solid var(--line)}
.chart-card{display:flex;flex-direction:column;justify-content:space-between}.chart-card h3,.comparison-card h3,.schedule-card h3{font-size:16px;margin:0}.chart-key{display:inline-block;color:var(--muted);font-size:10px}.chart-key i{background:var(--blue)}
.chart-scroll{overflow-x:auto}.plan-chart{width:100%;min-width:470px;max-height:320px}.plan-chart text{fill:var(--muted);font-size:11px}.chart-grid{stroke:var(--line)}.chart-target{stroke:var(--red)}.chart-line{stroke:var(--blue)}.chart-point{fill:var(--blue)}
.schedule-card,.comparison-card{grid-column:1/-1}.schedule-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:7px}
.schedule-table{width:100%;min-width:640px;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.schedule-table caption{text-align:left;padding:12px 14px;color:var(--muted);font-size:11px;background:var(--surface)}
.schedule-table th,.schedule-table td{padding:12px 15px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap;color:var(--ink)}
.schedule-table th:first-child,.schedule-table th:last-child,.schedule-table td:last-child{text-align:left}
.schedule-table thead th{font-size:11px;color:var(--muted);font-weight:500;background:var(--surface-alt)}
.schedule-table tbody th{font-weight:500}.schedule-table tbody tr:hover{background:var(--surface-alt)}
.schedule-table .deadline-row{background:var(--accent-soft)}.schedule-table tfoot th,.schedule-table tfoot td{font-weight:600;background:var(--surface-alt);border-bottom:0}
.schedule-status{font-size:10px;background:var(--surface-alt);color:var(--muted);padding:4px 7px;border-radius:4px;display:inline-block}.schedule-status.complete{color:var(--teal);background:var(--good-bg)}.schedule-status.gap{color:var(--red);background:var(--risk-bg)}
.schedule-progress{display:inline-block;width:52px;height:5px;background:var(--line);border-radius:3px;vertical-align:middle;margin-right:9px;overflow:hidden}.schedule-progress>span{display:block;height:100%;background:var(--blue)}
.schedule-card>.small{margin:14px 0 0;font-size:11px}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.compare-option{border:1px solid var(--line);border-radius:8px;padding:19px;display:flex;flex-direction:column;min-width:0}.compare-option>span{font-size:12px;font-weight:600}.compare-option>small{font-size:11px;color:var(--muted);margin:7px 0 20px}.compare-option>strong{font-size:29px;letter-spacing:-.035em;line-height:1.2}.compare-option strong small{display:block;font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:4px}
.compare-option dl{font-size:12px;margin:17px 0}.compare-option dl>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}.compare-option dt{color:var(--muted)}.compare-option dd{margin:0;font-weight:500}.compare-option.recommended{background:var(--accent-soft);border-color:var(--accent-line)}.compare-option button{color:var(--blue);font-size:12px;margin-top:auto;min-height:38px}.compare-option .comparison-state{font-size:11px;color:var(--muted);font-weight:400;padding-top:10px;margin-top:auto}.comparison-card>p{margin:15px 0 0}
/* Cases, evidence and operational controls. */
.metrics{background:var(--surface);border-color:var(--line)}.metrics strong{font-weight:600;font-variant-numeric:tabular-nums}.metrics span,.metrics small{color:var(--muted);font-size:11px}
.case-link{color:var(--ink)}.case-link:hover{background:var(--surface-alt)}.case-link[aria-current=true]{background:var(--accent-soft);border-color:var(--accent-line);box-shadow:inset 3px 0 var(--blue)}.case-link strong{font-size:12px}.case-link small,.case-link .status{font-size:10px;color:var(--muted)}.queue-head>span{background:var(--surface-alt);color:var(--muted)}
.case-heading h2{font-size:24px}.case-heading p{font-size:12px;color:var(--muted)}.tabs button{font-size:12px}.tabs button[aria-current=true]{color:var(--blue)}
.decision,.action{background:var(--surface-alt);border-color:var(--line)}.decision h3{font-family:Inter,sans-serif;font-size:21px;font-weight:600}.checks strong{font-size:12px}.checks p{font-size:11px}.checks li{border-color:var(--line)}.facts dt{font-size:11px}.facts dd{font-size:12px}.action label,.action select,.action .role-hint{font-size:12px}.action select{background:var(--surface);border-color:var(--line);color:var(--ink)}
.callout{background:var(--good-bg);color:var(--teal);border-color:var(--teal)}.callout.warn,.banner{background:var(--warn-bg);color:var(--amber);border-color:var(--warn-line)}.source-ids button{background:var(--accent-soft);color:var(--blue);border-color:var(--accent-line)}
.evidence-card summary{font-size:13px}.evidence-card summary small,.evidence-body dl{font-size:11px}.route .person,.diagram>div{background:var(--surface-alt);border-color:var(--line);color:var(--ink)}.flow>div{color:var(--muted);border-color:var(--line)}.flow>.done{color:var(--teal);border-color:var(--teal)}.flow>.current{color:var(--blue);border-color:var(--blue)}
.proof-heading p:not(.eyebrow),.proof-count small,.proof-node small,.proof-owner span,.contract-list code{color:var(--muted);font-size:11px}.proof-count{color:var(--blue)}.proof-node{background:var(--surface);border-color:var(--line)}.proof-node strong{font-size:13px}.proof-step,.proof-inspect{font-size:10px;color:var(--blue)}.proof-symbol{background:var(--surface-alt);border-color:var(--muted);color:var(--muted)}.proof-node.present .proof-symbol{background:var(--good-bg);border-color:var(--good-line);color:var(--teal)}
.mismatch-card{background:var(--risk-bg);border-color:var(--risk-line)}.mismatch-card h3,.mismatch-card p,.mismatch-card .eyebrow,.serial-compare strong,.serial-compare>b,.serial-compare span{color:var(--red)}.serial-compare>div{background:var(--surface);border-color:var(--risk-line)}
/* Architecture and assurance share the same semantic palette. */
.system-lane{background:var(--accent-soft);border-color:var(--accent-line);color:var(--ink)}.system-lane p,.system-lane code,.lane-label,.no-tools,.topology-heading>span:last-child,.topology-caption,.boundary-list{color:var(--muted);font-size:11px}.system-lane h3{font-size:16px}.component-icon{background:var(--surface);color:var(--blue)}.control-lane{background:var(--good-bg);border-color:var(--good-line)}.control-lane p,.control-lane code,.control-lane .lane-label,.control-pills span{color:var(--teal)}.control-pills span{background:var(--surface)}.data-lane{background:var(--sky-bg);border-color:var(--sky-line)}.system-live{color:var(--sky)}.connector{color:var(--muted);font-size:11px}.no-tools{border-color:var(--line)}
.dark-card{background:var(--surface-alt);border-color:var(--line);color:var(--ink)}.dark-card .eyebrow,.dark-card li span{color:var(--muted)}.dark-card h3{font-size:24px}.dark-card button{background:var(--surface);border-color:var(--line);color:var(--blue)}
.assurance-context,.resilience-row>div{background:var(--surface-alt);border-color:var(--line);color:var(--muted);font-size:11px}.assurance-context .badge{background:var(--surface)}.safety-kpis strong{font-size:36px;color:var(--ink)}.safety-kpis>button>span,.safety-kpis strong small,.safety-kpis p,.safety-kpis em,.diagnostic-grid small,.diagnostic-grid span{color:var(--muted);font-size:11px}.safety-kpis strong small{font-size:16px}.safety-kpis .attention{background:var(--risk-bg);border-color:var(--risk-line)}.safety-kpis .attention strong{color:var(--red)}.kpi-track{background:var(--line)}.kpi-track i{background:var(--blue)}.diagnostic-grid strong{color:var(--blue)}
.drill-selector{background:var(--surface-alt);border-color:var(--line)}.drill-selector select,.profile-label select{background:var(--surface);color:var(--ink);border-color:var(--line);font-size:12px}.drill-selector .badge{background:var(--accent-soft);color:var(--blue)}.drill-selector dd,.drill-selector dt,.drill-selector>.small,.drill-empty p,.drill-empty>span,.drill-state span,.drill-state small,.drill-steps span,.drill-steps p,.resilience-row p,.resilience-row span,.profile-label{color:var(--muted);font-size:11px}.drill-state strong{color:var(--ink);font-weight:600}.drill-empty{min-height:310px}.drill-verdict{background:var(--good-bg);border-color:var(--good-line);color:var(--teal)}.drill-verdict.unsafe{background:var(--risk-bg);border-color:var(--risk-line);color:var(--red)}.drill-verdict p{font-size:11px}.drill-steps strong{font-size:12px}.drill-steps i{background:var(--good-bg);color:var(--teal);border-color:var(--good-line)}.drill-steps .denied i{background:var(--risk-bg);color:var(--red);border-color:var(--risk-line)}
.readiness-banner{background:var(--warn-bg);border-color:var(--warn-line);color:var(--amber)}.readiness-banner p,.readiness-banner strong{font-size:12px}.readiness-card h3{font-size:18px}.readiness-card p,.readiness-kind,.readiness-owner,.readiness-owner b,.readiness-control>span,.readiness-gap>span{color:var(--muted);font-size:11px}.readiness-control,.readiness-gap{border-color:var(--line)}.readiness-owner a{color:var(--blue);font-size:11px}
/* Operational dashboard and activity are theme-aware, not a separate dark island. */
.operations{background:transparent;border:0;box-shadow:none;padding:26px 0;color:var(--ink)}.operations h1,.operations h2,.operations h3{color:var(--ink)}.operations h1{font-size:28px;font-weight:600}.op-heading p{color:var(--muted);font-size:12px}.op-label{color:var(--muted)!important;font-size:10px!important}.op-actions button,.operations select{background:var(--surface);color:var(--ink);border-color:var(--line);font-size:12px}.op-actions label{font-size:11px;color:var(--muted)}
.op-statusbar{border-color:var(--line);color:var(--muted);font-size:11px;gap:16px}.op-panel{background:var(--surface);border-color:var(--line);border-radius:var(--radius);padding:22px}.op-panel-head h2{font-size:17px}.op-link{color:var(--blue);font-size:12px}.op-link:hover,.op-actions button:hover{background:var(--surface-hover);color:var(--blue)}.chart-legend button{color:var(--ink);font-size:12px}.chart-legend button:hover{background:var(--surface-alt)}.chart-legend b{color:var(--ink)}.op-note{color:var(--muted);font-size:11px}.op-legend{color:var(--muted);font-size:11px}.svg-label{fill:var(--muted)}.donut-total{fill:var(--ink)}.capacity-instrument h3{font-size:13px}.op-status{color:var(--teal);border-color:var(--good-line);background:var(--good-bg);font-size:10px}.op-status.warn{color:var(--amber);background:var(--warn-bg);border-color:var(--warn-line)}
.readiness-matrix{font-size:12px;color:var(--ink)}.readiness-matrix th,.readiness-matrix td{border-color:var(--line);padding:12px 8px}.readiness-matrix thead th{color:var(--muted);background:var(--surface-alt);font-size:11px}.readiness-matrix th button{color:var(--ink);font-size:12px}.readiness-matrix small{color:var(--muted);font-size:10px}.matrix-cell.na{background:var(--surface-alt);color:var(--muted)}.matrix-state{color:var(--ink);font-size:11px}
.event-bars>div{font-size:12px;color:var(--ink)}.event-bar-track{background:var(--surface-alt)}.review-summary>p{color:var(--muted);font-size:12px}.run-ticks button{background:var(--surface-alt);border-color:var(--line);color:var(--muted);font-size:11px}.run-ticks small{font-size:10px}.run-ticks .has-run{color:var(--teal);border-color:var(--good-line)}
.activity-filters,.owner-lane{background:var(--surface-alt);border-color:var(--line)}.activity-filters select,.saved-run-selector select{background:var(--surface);border-color:var(--line);color:var(--ink);font-size:12px}.activity-filters label,.saved-run-selector label{font-size:12px}.sequence-toolbar,.sequence-lanes,.trace-record,.owner-lane header{border-color:var(--line);color:var(--muted)}.sequence-lanes{font-size:10px}.sequence-trace{background:repeating-linear-gradient(90deg,transparent 0%,transparent calc(33.33% - 1px),var(--line) calc(33.33% - 1px),var(--line) 33.33%)}.sequence-trace button{background:var(--sky-bg);border-color:var(--sky-line);color:var(--ink);font-size:11px}.sequence-trace li.selected button{background:var(--accent-soft);border-color:var(--blue);box-shadow:inset 3px 0 var(--blue)}.sequence-trace button small{color:var(--muted);font-size:10px}.sequence-empty div{background:var(--surface-alt);border-color:var(--line);color:var(--muted)}.request-pending{background:var(--sky-bg);color:var(--sky)}.owner-lane button{background:var(--surface);border-color:var(--line);color:var(--ink);font-size:12px}.owner-lane span,.owner-lane small{color:var(--muted);font-size:11px}
.event-console{background:var(--surface);border-color:var(--line);color:var(--ink)}.event-console h2{color:var(--ink)}.event-console p,.event-console summary,.event-console time,.event-console li>div>span,.event-console>.sectionline>span,.console-empty{color:var(--muted);font-size:11px}.event-console li{border-color:var(--line)}.event-console strong{font-size:13px}.event-console .denied strong{color:var(--red)}.event-console button{color:var(--blue)}.event-console pre,.trace-record pre{background:var(--surface-alt);color:var(--ink)}
dialog{background:var(--surface);color:var(--ink)}dialog::backdrop{background:#07101dcc}dialog p,dialog li{color:var(--muted)}.presenter{background:var(--surface);border-color:var(--line);color:var(--ink)}.present-note p,.present-note>span{color:var(--muted)}.present-controls button{background:var(--surface-alt);border-color:var(--line);color:var(--ink)}.toast{background:var(--ink);color:var(--surface)}footer{color:var(--muted);font-size:10px;margin-top:28px}.timeline>li{border-color:var(--line)}.timeline>li:before{background:var(--surface)}
@media(min-width:1550px){.planning-fields{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.device-input small{display:none}}
@media(max-width:1200px){.app-frame{grid-template-columns:200px minmax(0,1fr)}.app-rail{padding:20px 10px}.app-rail>button{font-size:11px;padding:12px 8px}.app-rail>button small{font-size:9px}main{padding:0 22px}.planning-fields{gap:22px}.op-grid{grid-template-columns:1fr}.op-heading{align-items:flex-start}.toplinks .pill,#architecture{display:none}}
@media(max-width:1000px){.app-frame{grid-template-columns:76px minmax(0,1fr)}.app-rail>button{justify-content:center}.app-rail>button>span:not(.nav-icon),.rail-caption,.rail-bottom{display:none}.planning-fields{grid-template-columns:repeat(2,minmax(0,1fr))}#planning-result{grid-template-columns:minmax(230px,.8fr) minmax(0,1fr)}.plan-kpis{grid-template-columns:1fr 1fr}.chart-card .sectionline{display:block}.chart-key{margin-top:12px}.op-grid{grid-template-columns:1fr}}
@media(max-width:750px){.topbar{height:auto;min-height:72px;padding:14px 16px;gap:12px;flex-wrap:wrap}.brand{font-size:15px}.brand small{font-size:9px}.toplinks{gap:8px}.toplinks #present{display:none}.appearance-control>span{display:none}.appearance-control select{font-size:12px;width:85px}.app-frame{display:block}.app-rail{display:flex;flex-direction:row;position:sticky;top:0;height:auto;padding:8px 12px;gap:6px;overflow-x:auto;border-right:0;background:var(--surface);z-index:4;scrollbar-width:thin}.app-rail>button{flex:0 0 auto;padding:9px 10px;flex-direction:row;gap:7px;font-size:11px;white-space:nowrap}.app-rail>button>span:not(.nav-icon){display:block}.app-rail>button small{display:none}.app-rail>button svg{width:15px;height:15px}.app-rail .rail-bottom,.rail-caption{display:none}.app-rail>button[aria-current=page]{box-shadow:inset 0 -2px var(--blue)}main{padding:0 16px}.session-bar{gap:9px}.session-bar p{font-size:10px;flex-basis:100%}.session-tools{margin-left:auto}.session-bar .connection{font-size:10px}.page-heading{margin:23px 0 20px}.page-heading h1{font-size:25px}.page-heading p:not(.eyebrow){font-size:12px}.page-heading>button{font-size:12px;margin-top:15px}.planning-controls{padding:18px}.planning-controls .sectionline{align-items:flex-start;gap:15px}.planning-controls .sectionline p{font-size:11px}.planning-controls .text{font-size:10px}.planning-fields{grid-template-columns:1fr;gap:23px}.device-input>span,.slider-label>span{font-size:12px}.device-input small{font-size:10px}#planning-result{grid-template-columns:1fr;gap:16px}.plan-outcome,.chart-card,.schedule-card,.comparison-card{padding:20px;grid-column:1}.plan-outcome>strong{font-size:46px}.plan-outcome strong small{font-size:12px;max-width:none}.plan-kpis{grid-template-columns:repeat(3,1fr);gap:12px;font-size:10px}.plan-kpis b{font-size:23px}.plan-outcome p{font-size:12px}.plan-recommendation{margin:0}.chart-card .sectionline{display:flex;align-items:flex-start}.chart-key{display:none}.schedule-card .sectionline{align-items:flex-start}.schedule-card .badge{font-size:9px}.schedule-table{font-size:12px}.comparison-grid{grid-template-columns:1fr}.compare-option>strong{font-size:27px}.compare-option>small{margin-bottom:14px}.compare-option dl{margin:12px 0}.op-heading h1{font-size:25px}.operations{padding-top:23px}.op-panel{padding:18px}.op-grid{gap:16px}.op-actions{gap:9px}.op-actions button{font-size:11px}.op-statusbar{font-size:10px}.event-bars>div{font-size:11px}.op-panel-head>.op-link{font-size:11px}.op-panel .op-label{font-size:9px!important}.op-legend{font-size:10px}.capacity-instrument h3{font-size:12px;max-width:145px}.safety-kpis>button{padding:18px 14px}.safety-kpis>button>span,.safety-kpis p,.safety-kpis em{font-size:11px}.readiness-owner{flex-wrap:wrap}.readiness-owner b{font-size:11px}.proof-rail{grid-template-columns:1fr 1fr}.proof-node{padding:18px 14px}.proof-node strong{font-size:12px}.proof-step{font-size:8px}.proof-node small{font-size:10px}.proof-inspect{font-size:9px}.system-lane code{overflow-wrap:anywhere}.system-lane{padding:17px}.topology{padding:18px}.lane-label{font-size:9px}.connector{font-size:10px}.sectionline{flex-wrap:wrap}.contract-list li{flex-wrap:wrap}.presenter{padding:17px}footer{font-size:10px}.case-heading{flex-wrap:wrap}.heading-tools{flex-direction:row}.grid{grid-template-columns:1fr}.event-console li>div:first-child{flex-wrap:wrap}.brandmark{width:33px;height:33px}.schedule-scroll:focus-visible{outline-offset:1px}}
@media print{:root[data-theme]{--page:white;--surface:white;--surface-alt:#f1f3f7;--ink:#142638;--muted:#2c5988;--line:#cfdbe7;--blue:#568ec9;--accent-soft:#eef2f7;--teal:#175e68;--red:#a73344;--good-bg:#eef6f7;--risk-bg:#f7f0ee;color-scheme:light}body{background:white}.appearance-control{display:none}#planning-result{display:block}.schedule-card,.chart-card,.comparison-card,.plan-outcome{margin:16px 0;break-inside:avoid}.schedule-scroll{overflow:visible}.schedule-table{min-width:0}.plan-chart{min-width:0}}

.device-input>span{width:100%}.run-observability{background:var(--surface-alt);border-color:var(--line);color:var(--ink)}.run-observability p{color:var(--muted)}.timing-row{color:var(--muted)}.timing-row>div{background:var(--line)}.timing-row i{background:var(--blue)}
.brandmark span{color:#eef2f7}.section-title .eyebrow,.snapshot-label{color:var(--muted)}.control-lane h3{color:var(--teal)}.boundary-list b{color:var(--ink)}