/* Visual response workbench, using the supplied cutaway scene. */
:root{--bg:#0b1114;--surface:#111b20;--surface2:#18252b;--line:#2b3b43;--blue:#79cbdc;--mint:#8cddba;--amber:#ffd24a;--muted:#acbec8;--radius:14px}
body{background:radial-gradient(ellipse at 70% 0,#19323b70,transparent 900px),var(--bg)}
.site-header{background:#0b1114f5}.brand,.pdf-link{font-size:14px}.wrap,.section{width:min(1380px,calc(100% - 64px))}.section{padding:64px 0}.hero{grid-template-columns:1fr 1.25fr;gap:45px;padding-top:34px;padding-bottom:32px}.hero h1{font-size:clamp(28px,2.6vw,42px);margin:18px 0}.hero h1>span{font-size:1.03em;margin-top:10px}.hero .lede{font-size:16px;line-height:1.8}.hero-actions{margin:20px 0}.hero-note{font-size:13px;line-height:1.7}.eyebrow,.small-label{font-size:12px}.status-pill{font-size:13px}.section-head>p,.caption,.world-disclosure{font-size:14px}.world-panel{border-color:#3d515a;background:#10181c;box-shadow:0 22px 70px #0003}.world-stage{position:relative;overflow:hidden;height:375px}.world-topline{top:18px;z-index:2;font-size:11px}#vehicle-canvas{height:100%;width:100%;touch-action:none}.world-hud{position:absolute;top:54px;left:22px;right:22px;display:flex;gap:30px;pointer-events:none}.world-hud span{font-size:11px;color:#a7b8c2;display:block}.world-hud strong{font-size:18px;font-weight:500;display:block;color:#edf4f7}.world-hotspots{position:absolute;inset:0;pointer-events:none}.world-hotspots button{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;min-height:32px;padding:4px 8px;border:1px solid #88c9d5;border-radius:4px;background:#10232ce8;font-size:10px;line-height:1.2;box-shadow:0 0 15px #78cadd12}.world-hotspots button[aria-pressed=true]{color:#ffd24a;border-color:#ffd24a;background:#2c2a17ed}.world-controls{padding:0 20px;gap:8px}.world-controls button{min-height:40px;font-size:14px;padding:6px 17px}.world-inspector{display:flex;align-items:baseline;gap:15px;margin:16px 22px 0;padding-top:15px;border-top:1px solid var(--line)}.world-inspector strong{font-size:14px;white-space:nowrap;color:var(--amber)}.world-inspector p{font-size:13px;line-height:1.6;margin:0}.world-disclosure{font-size:12px;text-align:left;margin:10px 22px 17px}.kpi-strip>div{padding:20px 24px}.kpi-strip span{font-size:14px}.kpi-strip strong{font-size:30px}.response-section{padding-top:50px}.response-workspace{padding:0;overflow:hidden}.response-toolbar{display:flex;gap:18px;align-items:end;flex-wrap:wrap;padding:22px 28px;border-bottom:1px solid var(--line);background:#16242a}.response-toolbar label,.curve-chart-actions label{display:grid;gap:5px;color:var(--muted);font-size:13px}.response-toolbar select,.curve-chart-actions select{font-size:14px;background:#0e181d;border-color:#455963;padding:8px 12px;min-height:44px}.response-toolbar .panel-switch{margin:0}.curve-mode-label{margin-left:auto}.curve-kpis{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 28px 22px;border-bottom:1px solid var(--line);gap:20px}.curve-kpis>div{border-right:1px solid var(--line);padding-right:16px}.curve-kpis>div:last-child{border:0}.curve-kpis span{font-size:14px;color:var(--muted)}.curve-kpis strong{display:block;font-size:clamp(26px,3.1vw,43px);line-height:1.3;font-weight:500;letter-spacing:-.04em;margin:7px 0}.positive{color:#ffd24a}.negative{color:#f29286}.curve-kpis p{font-size:13px;margin:7px 0 0}.curve-kpis .scope-kpi strong{font-size:32px;color:#d9e5e9}.response-chart-heading{display:flex;justify-content:space-between;align-items:center;padding:28px 28px 4px;gap:20px}.response-chart-heading h3{font-size:23px;margin:5px 0 0}.curve-chart-actions{display:flex;align-items:center;gap:12px}.curve-legend{display:flex;justify-content:center;gap:30px;padding:15px 20px 4px;font-size:14px}.curve-legend span{display:inline-flex;gap:10px;align-items:center}.curve-legend span:before{content:'';width:28px;border-top:3px solid var(--amber)}.curve-legend .baseline-line:before{border-color:#639aff;border-top-style:dashed}.curve-legend .target-line:before{border-color:#aebbc3;border-top-style:dotted}.response-chart{padding:0 18px;min-height:230px;position:relative}.response-chart svg,.delta-chart svg{width:100%;height:auto;display:block;touch-action:pan-y}.response-chart svg{min-height:220px}.delta-chart svg{min-height:100px}.delta-heading{padding:7px 32px 0;display:flex;justify-content:space-between;gap:16px}.delta-heading strong{font-size:14px;color:#8cddba}.delta-heading span{font-size:13px;color:var(--muted)}.delta-chart{padding:0 18px;border-bottom:1px solid var(--line)}.playback{display:flex;align-items:center;gap:17px;padding:20px 28px 8px}.playback button{min-width:74px;border-color:#637784}.playback label{font-size:13px;color:var(--muted);white-space:nowrap}.playback output{display:block;color:var(--ink);font-size:16px}.playback input{flex:1;min-width:50px;accent-color:#ffd24a}.curve-readout{font-size:14px;color:#d1dee5;margin:8px 28px;background:#19262d;padding:12px 16px;border-radius:6px}.response-workspace>.caption,.response-workspace>.form-error{margin:16px 28px 24px;line-height:1.8}.card{border-color:#2b3b43}.compact-label,.episode-heading label,.tag,.panel-overview p,.panel-facts,.rule-banner span,.rule-banner p,.metric-card,.legend,.episode-heading p,.episode-detail,.table-scroll table,.scope-note p,.qa-meta,.record-text{font-size:14px}.metric-card small{font-size:12px}.preview-layout,.history-layout{gap:24px}input,select{background:#0b171d}button[aria-pressed=true]{background:#15313a}footer p{font-size:13px}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding-top:45px}.world-stage{height:405px}}
@media(max-width:1050px){.hero{gap:24px;grid-template-columns:1fr 1fr}.world-stage{height:340px}.world-hud{gap:15px}.world-hud strong{font-size:16px}.world-inspector{display:block}.world-inspector p{margin-top:7px}.response-chart-heading{align-items:start}.curve-chart-actions{flex-direction:column;align-items:stretch}.curve-mode-label{margin-left:0}.site-header nav{gap:12px}.curve-kpis{gap:12px;padding:22px}.curve-kpis strong{font-size:32px}.curve-kpis p{font-size:12px}}
@media(max-width:760px){.wrap,.section{width:calc(100% - 32px)}.section{padding:40px 0}.site-header{padding:12px 16px;gap:10px}.site-header nav{display:none}.brand{font-size:12px;gap:8px}.brand svg{width:24px}.pdf-link{font-size:12px}.hero{display:flex;flex-direction:column;gap:25px;padding-top:27px}.hero-copy,.world-panel{width:100%}.hero h1{font-size:32px}.hero h1>span{font-size:32px}.hero .eyebrow{font-size:10px;letter-spacing:.12em}.hero-note{font-size:13px}.hero-actions{margin:18px 0}.world-stage{height:310px}.world-topline{left:16px;right:16px;font-size:9px}.world-hud{top:52px;left:16px;right:16px;justify-content:space-between;gap:8px}.world-hud span{font-size:10px}.world-hud strong{font-size:16px}.world-inspector{margin:16px 16px 0}.world-disclosure{margin:10px 16px 17px}.world-controls button{padding:6px 15px}.kpi-strip{grid-template-columns:1fr 1fr}.kpi-strip>div,.kpi-strip>div:first-child{padding:16px 12px;border-bottom:1px solid var(--line)}.kpi-strip>div:nth-child(2){border-right:0}.kpi-strip span{font-size:12px}.kpi-strip strong{font-size:27px}.section-head{display:block;margin-bottom:20px}.section-head>p{margin-top:14px;font-size:14px}.section-head h2{font-size:27px}.response-toolbar{padding:18px 16px;gap:14px 10px}.response-toolbar label:first-child{width:calc(45% - 5px)}.response-toolbar .panel-switch{flex:1;display:flex}.response-toolbar .panel-switch button{padding:8px 10px;flex:1;font-size:14px}.curve-mode-label{width:100%}.response-toolbar #curve-episode-label{width:100%}.curve-kpis{grid-template-columns:1fr 1fr;padding:18px 16px;gap:18px 12px}.curve-kpis>div:nth-child(2){border-right:0}.curve-kpis strong,.curve-kpis .scope-kpi strong{font-size:28px}.curve-kpis span{font-size:12px}.curve-kpis p{font-size:11px}.response-chart-heading{display:block;padding:22px 16px 0}.response-chart-heading h3{font-size:22px}.curve-chart-actions{margin-top:16px;flex-direction:row;gap:8px}.curve-chart-actions label{flex:1;min-width:0;font-size:12px}.curve-chart-actions select{font-size:12px;padding:8px 4px;width:100%}.curve-legend{font-size:12px;gap:20px}.response-chart,.delta-chart{padding:0 4px;overflow-x:auto}.response-chart svg,.delta-chart svg{min-width:680px}.response-chart{min-height:230px}.delta-heading{display:block;padding:4px 16px}.delta-heading span{display:block;font-size:11px;margin-top:3px}.playback{padding:15px 16px 8px;gap:10px}.playback button{min-width:56px;padding:6px 10px}.curve-readout{margin:8px 16px;font-size:12px;padding:10px;line-height:1.9}.response-workspace>.caption,.response-workspace>.form-error{margin:14px 16px 20px;font-size:12px}.world-hotspots button{font-size:9px;padding:4px 6px}.card:not(.response-workspace){padding:20px}.metric-grid{grid-template-columns:1fr}.scope-note p,.caption{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

@media(max-width:760px){.response-chart svg,.delta-chart svg{min-width:0}.response-chart,.delta-chart{overflow-x:hidden}.response-chart svg{min-height:0}.delta-chart svg{min-height:0}}