/* Six compositions. The original live controls, model and traces are shared. */
:root{--s3:#a2b2bf;--track-road:#39464d;--track-underlay:#080e12;--track-surface:#141b20;--plot-grid:#323e46;--reference:#9aabb4;--control:var(--panel2);--heading:var(--sans)}
html[data-theme] .button.quiet{background:var(--panel2)}
html[data-theme] .button.primary{color:var(--bg);background:var(--orange)}
html[data-theme] .button:hover{filter:brightness(1.06)}
html[data-theme] .button.primary:hover{background:var(--orange)}
html[data-theme] .control label{color:var(--white)}
html[data-theme] select,html[data-theme] input:not([type]),html[data-theme] input[type=text]{background-color:var(--control);border-color:var(--line);color:var(--white)}
html[data-theme] .tyre-option{background:var(--panel2);border-color:var(--line)}
html[data-theme] .tyre-option.active{background:color-mix(in srgb,var(--orange) 14%,var(--panel));border-color:var(--orange)}
html[data-theme] .evidence.observed{color:var(--green);border-color:var(--green)}
html[data-theme] .evidence.estimate{color:var(--cyan);border-color:var(--cyan)}
html[data-theme] .evidence.assumption{color:var(--orange);border-color:var(--orange)}
html[data-theme] .estimate-label{background:var(--panel2);color:var(--muted);border-color:var(--line)}
html[data-theme] .map-modes{background:var(--panel2);border-color:var(--line)}
html[data-theme] .map-modes button.active{background:var(--line);color:var(--white)}
html[data-theme] .track-stage{background:var(--track-surface);border-color:var(--line)}
html[data-theme] #map-grid path{stroke:var(--plot-grid)}
html[data-theme] .track-underlay{stroke:var(--track-underlay)}
html[data-theme] .track-road{stroke:var(--track-road)}
html[data-theme] .track-sector-1{stroke:var(--orange)}
html[data-theme] .track-sector-2{stroke:var(--cyan)}
html[data-theme] .track-sector-3{stroke:var(--s3)}
html[data-theme] .track-drs{stroke:var(--green)}
html[data-theme] .track-label,html[data-theme] .turn-number{fill:var(--muted);stroke:var(--track-surface)}
html[data-theme] #car-marker>path{fill:var(--orange)}
html[data-theme] #track-cursor>circle{stroke:var(--white)}
html[data-theme] .s3{background:var(--s3)}
html[data-theme] .drs-legend i{background:var(--green)}
html[data-theme] .playback,html[data-theme] .telemetry-footer,html[data-theme] .distance-ruler{background:var(--panel2)}
html[data-theme] .play-button,html[data-theme] .icon-button:hover{border-color:var(--line);background:var(--panel2)}
html[data-theme] .chart-row,html[data-theme] .trace-key{border-color:var(--line)}
html[data-theme] .chart-grid{stroke:var(--plot-grid)}
html[data-theme] .trace-b{stroke:var(--reference)}
html[data-theme] [data-comparison=true] .trace-b{stroke:var(--cyan)!important}
html[data-theme] .cursor-line{stroke:var(--white)}
html[data-theme] .sector-row.current{background:var(--panel2)}
html[data-theme] th{background:var(--panel2);color:var(--muted)}
html[data-theme] td,html[data-theme] th{border-color:var(--line)}
html[data-theme] tbody tr:hover{background:var(--panel2)}
html[data-theme] .research-grid .parameter-card,html[data-theme] .validation-summary>div,html[data-theme] .sensitivity-baseline{background:var(--panel2);border-color:var(--line)}
html[data-theme] .formula{background:var(--panel2);color:var(--white)}
html[data-theme] .sensitivity-bar{background:var(--line)}
html[data-theme] dialog{background:var(--panel);color:var(--white);border-color:var(--line)}
html[data-theme] .toast{background:var(--panel2);color:var(--white);border-color:var(--muted)}
html[data-theme] .results{display:block}
html[data-theme] .results :where(.result-main,.sector-results,.contribution-panel,.save-current){grid-column:auto;grid-row:auto}
html[data-theme] .results .sector-results{border-left:0}
html[data-theme] .lab-grid>*{min-width:0;grid-column:auto;grid-row:auto}
html[data-theme] .configuration{grid-area:config}
html[data-theme] .centre-column{grid-area:circuit}
html[data-theme] .results{grid-area:results}
html[data-theme] #telemetry-panel{grid-area:telemetry;margin:0}
html[data-theme] .theme-photograph{grid-area:photo}
html[data-theme] .corner-stripe text{fill:var(--dim)!important}
html[data-theme] .corner-stripe line{stroke:var(--line)!important}
html[data-theme] .gain{color:var(--green)!important}
html[data-theme] .loss{color:var(--red)!important}

/* The selector stays discoverable while the surrounding product transforms. */
.visual-directions{position:relative;z-index:20;padding:15px 28px 16px;border-bottom:1px solid var(--line);background:var(--bg)}
.direction-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:0 auto 10px;max-width:1724px}
.direction-heading>div{display:flex;gap:20px;align-items:center;min-width:0}
.direction-eyebrow{font:9px var(--mono);letter-spacing:1.3px;white-space:nowrap;color:var(--white)}
#direction-description{font-size:10px;color:var(--muted)}
.direction-heading .text-button{font-size:10px;white-space:nowrap}
.direction-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;max-width:1724px;margin:auto}
.direction-option{display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--line);text-align:left;min-height:46px;font-size:10px;line-height:1.35;background:var(--panel);border-radius:3px}
.direction-number{font:9px var(--mono);color:var(--dim);align-self:flex-start;padding-top:2px}
.direction-selected{margin-left:auto;color:var(--orange);visibility:hidden}
.direction-option[aria-pressed=true]{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 9%,var(--panel));color:var(--white)}
.direction-option[aria-pressed=true] .direction-number{color:var(--orange)}
.direction-option[aria-pressed=true] .direction-selected{visibility:visible}
.direction-option:hover{border-color:var(--muted)}
.mobile-direction-label,.mobile-direction-select{display:none}
.direction-dialog{width:min(950px,calc(100vw - 32px))}
.direction-gallery{padding:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.direction-card{display:flex;flex-direction:column;text-align:left;padding:0 0 15px;border:1px solid var(--line);border-radius:4px;overflow:hidden;gap:9px;background:var(--panel2)}
.direction-card>[class],.direction-card>b,.direction-card>span:not(.direction-mini),.direction-card>small{margin-left:16px;margin-right:16px}
.direction-card>.direction-mini{margin:0 0 5px}
.direction-card-kicker{font:8px var(--mono);color:var(--muted)}
.direction-card>b{font-family:var(--heading);font-size:21px;font-weight:500;line-height:1.2}
.direction-card>span:not(.direction-mini):not(.direction-card-kicker){font-size:11px;line-height:1.7;color:var(--muted)}
.direction-card>small{font-size:10px;color:var(--orange);margin-top:auto;padding-top:5px}
.direction-card[aria-pressed=true]{border-color:var(--orange)}
.direction-card:hover{border-color:var(--muted)}
.direction-mini{height:98px;display:grid;gap:5px;padding:10px;grid-template-columns:1fr 1fr;width:100%;background:#f0f3f5}
.direction-mini i{display:block;border:1px solid #bbc5ca;background:#fff}
.mini-apple{grid-template-columns:1.8fr 1fr;gap:8px;padding:14px 22px;background:#f5f6f8}.mini-apple i{border-radius:5px;border-color:#dde3e6}.mini-apple i:nth-child(3){grid-column:1/-1;height:12px}
.mini-netflix{background:linear-gradient(110deg,#5c2f20,#111116);grid-template-columns:1.8fr 1fr}.mini-netflix i{background:#ffffff08;border:1px solid #ffffff30}.mini-netflix i:nth-child(1){background:url('./assets/norris-silverstone.jpg') center 70%/cover}.mini-netflix i:nth-child(3){grid-column:1/-1;height:9px;background:#c32630}
.mini-engineering{background:#10171b;gap:3px;grid-template-columns:1fr 1.5fr 1.5fr}.mini-engineering i{background:repeating-linear-gradient(0deg,#24313a 0 1px,#131f26 1px 9px);border-color:#64717b}.mini-engineering i:first-child{grid-column:1/-1;height:12px}
.mini-editorial{background:#efeae3;gap:8px;grid-template-columns:1.6fr 1fr}.mini-editorial i{background:none;border-width:0 0 1px;border-color:#5c5850}.mini-editorial i:first-child{background:url('./assets/russell-silverstone.jpg') center 70%/cover}.mini-editorial i:nth-child(2){background:linear-gradient(0deg,transparent 60%,#a6a298 60% 65%,transparent 65%)}
.mini-future{background:#091419;grid-template-columns:.65fr 2fr .7fr}.mini-future i{background:#0f252d;border-color:#617c85;border-radius:10px 0 10px 0}.mini-future i:nth-child(4){grid-column:1/-1;height:13px}
.mini-experimental{background:#e8ed52;grid-template-columns:2.5fr 1fr;gap:3px}.mini-experimental i{border-color:#1a2110;background:#f6f5df}.mini-experimental i:nth-child(1){height:12px;grid-column:1/-1;background:#17220d}.mini-experimental i:nth-child(3){grid-column:2;grid-row:2/4}.mini-experimental i:nth-child(4){height:12px}
.direction-references{padding:0 24px 24px;font-size:11px;color:var(--muted);line-height:1.8}
.direction-references p+p{margin-top:10px}
.theme-photograph{display:none;position:relative;margin:0;overflow:hidden;isolation:isolate;background:var(--panel2);min-height:300px}
.theme-photograph img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 70%;z-index:-2}
.theme-photograph figcaption{position:absolute;bottom:16px;left:22px;right:22px;font:8px var(--mono);color:#fff;text-shadow:0 1px 4px #000}
.photo-index{position:absolute;top:19px;left:22px;font:9px var(--mono);color:#fff;letter-spacing:1px}
::view-transition{pointer-events:none}
::view-transition-group(root),::view-transition-image-pair(root),::view-transition-old(root),::view-transition-new(root){pointer-events:none}
::view-transition-old(root){animation:direction-out .13s ease-in both}
::view-transition-new(root){animation:direction-in .22s ease-out both}
@keyframes direction-out{to{opacity:0}}
@keyframes direction-in{from{opacity:0}to{opacity:1}}

/* 01 — A spacious product canvas and an orderly horizontal inspector. */
html[data-theme=apple]{color-scheme:light;--bg:#f5f6f8;--panel:#fff;--panel2:#eef1f4;--line:#dce1e6;--white:#18212c;--muted:#536271;--dim:#667584;--orange:#2262b6;--cyan:#177c87;--green:#26714f;--red:#a33939;--s3:#9a7442;--sans:'Manrope',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif;--track-surface:#fafcfd;--track-road:#d4dce4;--track-underlay:#e8edf2;--plot-grid:#dde4ea;--reference:#818b97}
html[data-theme=apple] .topbar{height:74px;max-width:1440px;margin:auto;border:0;padding:0 40px}
html[data-theme=apple] .brand>span{font-size:23px;letter-spacing:-1px;font-weight:500}
html[data-theme=apple] .brand img{filter:brightness(.5) saturate(.7)}
html[data-theme=apple] .brand small{letter-spacing:1.5px;font-size:7px}
html[data-theme=apple] .topbar nav{height:39px;border-radius:30px;background:#e8ecf0;padding:4px;gap:3px;align-items:stretch}
html[data-theme=apple] .nav-item{padding:6px 16px;border-radius:25px;font-size:11px}
html[data-theme=apple] .nav-item.active{background:#fff;box-shadow:0 2px 7px #283d5110}
html[data-theme=apple] .nav-item.active:after{display:none}
html[data-theme=apple] .era{display:none}
html[data-theme=apple] .visual-directions{padding:14px 40px 19px;background:#fff;border-color:var(--line)}
html[data-theme=apple] .direction-option{background:#f7f8fa;border-radius:10px;font-size:10px}
html[data-theme=apple] main{max-width:1320px;padding:0 48px}
html[data-theme=apple] .workspace-heading{padding:43px 0 35px;align-items:flex-end}
html[data-theme=apple] .workspace-heading .eyebrow{font-family:var(--sans);letter-spacing:1px;font-size:9px}
html[data-theme=apple] .workspace-heading h1{font-size:40px;font-weight:650;letter-spacing:-1.8px;max-width:730px;line-height:1.13}
html[data-theme=apple] .workspace-heading>div>p:last-child{font-size:13px;margin-top:12px}
html[data-theme=apple] .button{border-radius:22px;padding:10px 20px}
html[data-theme=apple] .button.primary{color:#fff}
html[data-theme=apple] .lab-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);grid-template-areas:'circuit results' 'config config' 'telemetry telemetry';gap:30px}
html[data-theme=apple] .panel{border:0;border-radius:22px;box-shadow:0 6px 35px #314c6810}
html[data-theme=apple] .circuit-heading{padding:27px 28px 9px}
html[data-theme=apple] .circuit-identity h2{font-size:31px;font-weight:650}
html[data-theme=apple] .circuit-facts{padding:0 28px 19px;font-size:10px}
html[data-theme=apple] .track-stage{border:0;background:var(--track-surface)}
html[data-theme=apple] #map-grid{opacity:.28}
html[data-theme=apple] .track-stage>svg{max-height:390px;min-height:285px}
html[data-theme=apple] .track-road{stroke-width:7px}
html[data-theme=apple] [class*=track-sector-]{stroke-width:3.2px}
html[data-theme=apple] .live-readout{padding:20px 27px}
html[data-theme=apple] .live-readout b{font-family:var(--sans);font-weight:600}
html[data-theme=apple] .playback{padding:15px 24px;background:#fff}
html[data-theme=apple] .play-button{border-radius:50%;width:37px;height:37px}
html[data-theme=apple] .result-main{padding:32px 29px 23px}
html[data-theme=apple] .lap-number{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:60px;font-weight:550;letter-spacing:-3px;margin:16px 0 6px}
html[data-theme=apple] .uncertainty{font-size:11px;line-height:1.7}
html[data-theme=apple] .results .sector-results,html[data-theme=apple] .contribution-panel{padding:20px 29px}
html[data-theme=apple] .sector-row{padding:10px 0;font-size:12px}
html[data-theme=apple] #contributions{display:block}
html[data-theme=apple] .contribution-row{padding:5px 0;font-size:10px}
html[data-theme=apple] .save-current{padding:18px 29px}
html[data-theme=apple] .configuration{max-height:none;display:block}
html[data-theme=apple] .configuration .panel-heading{padding:23px 28px}
html[data-theme=apple] .configuration-body{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:0 28px;padding:0 28px 10px;overflow:visible}
html[data-theme=apple] .configuration-body>.form-section{grid-column:auto;padding:20px 0}
html[data-theme=apple] .configuration-body>details{grid-column:auto;border-top:1px solid var(--line);border-bottom:0}
html[data-theme=apple] .config-foot{padding:16px 28px;background:#fafbfc}
html[data-theme=apple] .config-foot br{display:none}
html[data-theme=apple] .config-foot .text-button{display:inline-block;margin-left:14px}
html[data-theme=apple] select{border-radius:9px;min-height:39px;font-size:12px;background-color:#f6f8fa}
html[data-theme=apple] .telemetry-heading{padding:25px 28px 12px}
html[data-theme=apple] .telemetry-heading h2{font-size:19px;font-weight:600}
html[data-theme=apple] .chart-row{grid-template-columns:145px 1fr;padding-right:28px;padding-top:9px;padding-bottom:9px}
html[data-theme=apple] .chart-label{padding-left:28px}
html[data-theme=apple] .chart-label>b{font:500 21px var(--sans)}
html[data-theme=apple] .trace-a{stroke-width:2}
html[data-theme=apple] .chart-grid{stroke-width:.5}
html[data-theme=apple] .corner-stripe,html[data-theme=apple] .distance-ruler{padding-left:145px;padding-right:28px}
html[data-theme=apple] .lower-analysis{gap:30px;margin-top:30px}
html[data-theme=apple] .comparison-intro h2,html[data-theme=apple] .research-intro h2{font-family:var(--sans);font-size:42px;font-weight:600;letter-spacing:-1.6px}
html[data-theme=apple] .research-block{border-radius:22px}

/* 02 — A widescreen photograph/replay stage, result ribbon and analysis deck. */
html[data-theme=netflix]{--bg:#0a090c;--panel:#161418;--panel2:#242126;--line:#383139;--white:#f5f1ee;--muted:#b8afb9;--dim:#a097a1;--orange:#ef4351;--cyan:#88b3dc;--green:#a7c7aa;--red:#f0a486;--s3:#dbc4a0;--heading:'Oswald',Arial,sans-serif;--track-surface:#0a090dc9;--track-road:#605860;--track-underlay:#08070b;--plot-grid:#403540;--reference:#a297a7}
html[data-theme=netflix] .topbar{height:78px;border-bottom:0;padding:0 36px;background:#08070b}
html[data-theme=netflix] .brand>span{font-family:var(--heading);text-transform:uppercase;font-size:27px;letter-spacing:.2px}
html[data-theme=netflix] .brand img{filter:sepia(1) saturate(5) hue-rotate(315deg)}
html[data-theme=netflix] .topbar nav{margin-left:0;gap:27px;height:100%}
html[data-theme=netflix] .nav-item{font-size:13px;font-weight:500}
html[data-theme=netflix] .nav-item.active:after{bottom:16px;height:3px}
html[data-theme=netflix] .era{display:none}
html[data-theme=netflix] .visual-directions{background:#100e13}
html[data-theme=netflix] .direction-option{border-radius:0;background:#19161d}
html[data-theme=netflix] main{max-width:1680px;padding:0 36px}
html[data-theme=netflix] .workspace-heading{padding:31px 0 25px}
html[data-theme=netflix] .workspace-heading h1{font-family:var(--heading);font-weight:500;font-size:47px;text-transform:uppercase;letter-spacing:-.3px;line-height:1.05;max-width:800px}
html[data-theme=netflix] .workspace-heading .eyebrow{color:var(--orange);font-size:8px;letter-spacing:1.8px}
html[data-theme=netflix] .button{border-radius:2px;padding:11px 20px;font-size:12px}
html[data-theme=netflix] .button.primary{background:var(--orange);color:#fff}
html[data-theme=netflix] .lab-grid{grid-template-columns:minmax(250px,.6fr) minmax(0,1.6fr);grid-template-areas:'stage stage' 'results results' 'config telemetry';gap:24px}
html[data-theme=netflix] .theme-photograph{display:block;grid-area:stage;min-height:435px;border-radius:2px}
html[data-theme=netflix] .theme-photograph img{width:74%;object-position:55% 70%}
html[data-theme=netflix] .theme-photograph:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#08070b10 0%,#08070b20 40%,#08070bdb 60%,#08070b 100%),linear-gradient(0deg,#08070bad,transparent 35%)}
html[data-theme=netflix] .theme-photograph figcaption{max-width:52%;font-size:7px}
html[data-theme=netflix] .centre-column{grid-area:stage;margin-left:57%;z-index:1;align-self:stretch;background:#0a090cbf}
html[data-theme=netflix] .circuit-panel{background:none;border:0}
html[data-theme=netflix] .circuit-heading{padding:22px 20px 8px}
html[data-theme=netflix] .circuit-identity h2{font-family:var(--heading);font-size:37px;text-transform:uppercase;letter-spacing:.1px}
html[data-theme=netflix] .circuit-facts{padding-bottom:8px;gap:10px;font-size:8px}
html[data-theme=netflix] .circuit-facts span+span{padding-left:10px}
html[data-theme=netflix] .track-stage{background:transparent;border:0}
html[data-theme=netflix] .track-stage>svg{min-height:210px;max-height:245px}
html[data-theme=netflix] #map-grid{opacity:.15}
html[data-theme=netflix] .live-readout{padding:13px 18px}
html[data-theme=netflix] .playback{background:#100e14;padding:10px 17px}
html[data-theme=netflix] .context-strip{padding:9px 18px;font-size:8px;background:#100e14}
html[data-theme=netflix] .context-strip>div{gap:5px}
html[data-theme=netflix] .context-label{font-size:6px}
html[data-theme=netflix] .panel{border-radius:2px}
html[data-theme=netflix] .results{display:grid;grid-template-columns:1.05fr .8fr 1.55fr;position:relative;border-width:0 0 1px;border-color:#494047;padding:6px 0 0;background:none}
html[data-theme=netflix] .result-main{padding:12px 22px 18px 0}
html[data-theme=netflix] .lap-number{font-family:var(--heading);font-size:62px;font-weight:500;letter-spacing:-.5px;margin-top:4px}
html[data-theme=netflix] .results .sector-results{border:0;border-left:1px solid var(--line);padding:15px 24px}
html[data-theme=netflix] .contribution-panel{border:0;border-left:1px solid var(--line);padding:15px 24px}
html[data-theme=netflix] #contributions{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px}
html[data-theme=netflix] .save-current{grid-column:1/-1;width:100%;padding:14px 0;background:none;border-top:1px solid var(--line)}
html[data-theme=netflix] .configuration{max-height:710px;background:#131016}
html[data-theme=netflix] .panel-heading h2,html[data-theme=netflix] .telemetry-heading h2{font-family:var(--heading);text-transform:uppercase;font-size:21px;letter-spacing:.5px}
html[data-theme=netflix] .telemetry{align-self:start;border:0;background:#121016}
html[data-theme=netflix] .telemetry-heading{padding:22px 22px 12px}
html[data-theme=netflix] .chart-row{padding-top:12px;padding-bottom:12px;grid-template-columns:124px 1fr}
html[data-theme=netflix] .chart-label>b{font-family:var(--heading);font-size:25px;color:#fff}
html[data-theme=netflix] .trace-a{stroke-width:2.4}
html[data-theme=netflix] .trace-b{stroke-width:1.2;stroke-dasharray:5 6}
html[data-theme=netflix] .chart-grid{stroke-width:.4}
html[data-theme=netflix] .lower-analysis{margin-top:32px;gap:24px}
html[data-theme=netflix] .comparison-intro h2,html[data-theme=netflix] .research-intro h2{font-family:var(--heading);font-size:45px;text-transform:uppercase}
html[data-theme=netflix] .comparison-outcome{background:linear-gradient(110deg,#35232b,#17121b);border:0}

/* 03 — Docked workbook: results above, map and waveforms alongside settings. */
html[data-theme=engineering]{--bg:#111619;--panel:#192126;--panel2:#222d34;--line:#3a4850;--white:#e5eeed;--muted:#b0bdc4;--dim:#93a4ae;--orange:#efb367;--cyan:#7cb9d0;--green:#9bc8ad;--red:#e7a5a0;--track-surface:#121b20;--track-road:#4b5b65;--plot-grid:#35464e;--reference:#a3b0ba}
html[data-theme=engineering] .topbar{height:61px;padding:0 20px;gap:18px}
html[data-theme=engineering] .brand>span{font-size:20px}
html[data-theme=engineering] .brand img{width:30px}
html[data-theme=engineering] .brand small{font-size:6px;margin-top:4px}
html[data-theme=engineering] .topbar nav{height:34px;gap:2px;margin-left:0;border:1px solid var(--line);background:#0f171c}
html[data-theme=engineering] .nav-item{font:10px var(--mono);padding:9px 17px;border-right:1px solid var(--line)}
html[data-theme=engineering] .nav-item:last-child{border-right:0}
html[data-theme=engineering] .nav-item.active{background:#2b3a43}
html[data-theme=engineering] .nav-item.active:after{height:2px;bottom:-1px}
html[data-theme=engineering] .visual-directions{padding:10px 20px 12px;background:#10191e}
html[data-theme=engineering] .direction-option{min-height:38px;border-radius:0;padding:7px 10px;font:9px var(--mono)}
html[data-theme=engineering] .direction-heading{margin-bottom:7px}
html[data-theme=engineering] main{max-width:1920px;padding:0 20px}
html[data-theme=engineering] .workspace-heading{padding:17px 0 15px}
html[data-theme=engineering] .workspace-heading h1{font-size:23px;letter-spacing:-.5px}
html[data-theme=engineering] .workspace-heading .eyebrow{font-size:7px;margin-bottom:5px}
html[data-theme=engineering] .workspace-heading>div>p:last-child{font-size:10px;margin-top:4px}
html[data-theme=engineering] .button{border-radius:2px;min-height:31px;padding:7px 12px;font-size:10px}
html[data-theme=engineering] .lab-grid{grid-template-columns:230px minmax(0,1fr) minmax(330px,1.05fr);grid-template-areas:'results results results' 'config circuit telemetry';gap:10px}
html[data-theme=engineering] .panel{border-radius:0}
html[data-theme=engineering] .results{display:grid;grid-template-columns:1.15fr .8fr 1.8fr .55fr;align-items:stretch;background:#1b272e}
html[data-theme=engineering] .result-main{padding:13px 16px}
html[data-theme=engineering] .result-label h2{font:9px var(--mono);text-transform:uppercase}
html[data-theme=engineering] .lap-number{font-size:39px;letter-spacing:-2px;margin:3px 0}
html[data-theme=engineering] .uncertainty{font-size:8px;margin-top:0}
html[data-theme=engineering] .reference-delta{margin-top:8px;font-size:9px}
html[data-theme=engineering] .reference-note{font-size:8px;margin-top:5px}
html[data-theme=engineering] .results .sector-results{border:0;border-left:1px solid var(--line);padding:14px 17px}
html[data-theme=engineering] .sector-row{padding:7px 0;font-size:12px}
html[data-theme=engineering] .contribution-panel{border:0;border-left:1px solid var(--line);padding:13px 17px}
html[data-theme=engineering] .contribution-heading h3{font:10px var(--mono)}
html[data-theme=engineering] .base-potential{padding:7px 0;font-size:9px;margin-top:0}
html[data-theme=engineering] #contributions{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px}
html[data-theme=engineering] .contribution-panel .small-note{font-size:7px;margin-top:7px}
html[data-theme=engineering] .save-current{width:auto;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;text-align:center;padding:16px;font:9px var(--mono);border-top:0;border-left:1px solid var(--line);white-space:normal}
html[data-theme=engineering] .configuration{max-height:649px}
html[data-theme=engineering] .panel-heading{min-height:42px;padding:12px 14px}
html[data-theme=engineering] .panel-heading h2{font:10px var(--mono);text-transform:uppercase}
html[data-theme=engineering] .configuration-body{padding:0 13px}
html[data-theme=engineering] .form-section{padding:13px 0}
html[data-theme=engineering] .form-section>h3,html[data-theme=engineering] .form-section summary{font-size:9px;margin-bottom:10px}
html[data-theme=engineering] .control{margin-top:10px}
html[data-theme=engineering] .control label{font-size:10px}
html[data-theme=engineering] select{font-size:11px;min-height:31px}
html[data-theme=engineering] .circuit-heading{padding:16px 17px 6px}
html[data-theme=engineering] .circuit-identity h2{font-size:24px}
html[data-theme=engineering] .circuit-facts{font-size:8px;gap:8px;padding:0 17px 11px;flex-wrap:wrap}
html[data-theme=engineering] .circuit-facts span+span{padding-left:8px}
html[data-theme=engineering] .track-stage>svg{max-height:280px;min-height:220px}
html[data-theme=engineering] .track-caption,html[data-theme=engineering] .track-top-right,html[data-theme=engineering] .map-legend{font-size:6px}
html[data-theme=engineering] .live-readout{padding:14px 12px;gap:8px}
html[data-theme=engineering] .live-readout span{font-size:6px;letter-spacing:0}
html[data-theme=engineering] .live-readout b{font-size:18px}
html[data-theme=engineering] .live-readout .speed-readout b{font-size:25px}
html[data-theme=engineering] .mini-meter{width:42px}
html[data-theme=engineering] .playback{padding:10px 12px;gap:8px}
html[data-theme=engineering] .context-strip{padding:10px 4px;flex-wrap:wrap}
html[data-theme=engineering] .context-strip>div{gap:6px}
html[data-theme=engineering] .context-strip b{font-size:8px}
html[data-theme=engineering] .telemetry-heading{padding:15px 13px 8px;gap:9px;flex-wrap:wrap}
html[data-theme=engineering] .telemetry-heading h2{font:11px var(--mono);text-transform:uppercase;display:block}
html[data-theme=engineering] .telemetry-heading .eyebrow{display:block;margin-top:4px;font-size:6px}
html[data-theme=engineering] .telemetry-heading p{font-size:8px}
html[data-theme=engineering] .telemetry-tools{gap:8px;flex-wrap:wrap}
html[data-theme=engineering] .telemetry-tools label{font-size:8px}
html[data-theme=engineering] .telemetry-tools .button{font-size:8px;padding:6px;min-height:25px}
html[data-theme=engineering] .trace-key{font:7px var(--mono);padding:9px 13px;gap:12px;flex-wrap:wrap}
html[data-theme=engineering] .trace-hint{display:none}
html[data-theme=engineering] .chart-row{grid-template-columns:88px 1fr;padding-right:12px}
html[data-theme=engineering] .chart-label{padding:11px 0 0 13px}
html[data-theme=engineering] .chart-label>span{font-size:6px;letter-spacing:0}
html[data-theme=engineering] .chart-label>b{font-size:16px}
html[data-theme=engineering] .corner-stripe,html[data-theme=engineering] .distance-ruler{padding-left:88px;padding-right:12px;font-size:6px}
html[data-theme=engineering] .trace-a{stroke-width:1.2}
html[data-theme=engineering] .chart-grid{stroke-width:.7}
html[data-theme=engineering] .telemetry-footer{padding:9px 13px;display:block;line-height:1.8;font-size:7px}
html[data-theme=engineering] .telemetry-footer span{display:block}
html[data-theme=engineering] .lower-analysis{grid-template-columns:minmax(0,1fr) 330px;gap:10px;margin-top:15px}
html[data-theme=engineering] .comparison-configs{gap:10px}
html[data-theme=engineering] .comparison-intro h2,html[data-theme=engineering] .research-intro h2{font:400 27px var(--mono)}
html[data-theme=engineering] .comparison-outcome{padding:20px;background:#1c2b33;border-radius:0}

/* 04 — An asymmetric editorial spread with photographic and numbered figures. */
html[data-theme=editorial]{color-scheme:light;--bg:#f1eee8;--panel:#f7f5f0;--panel2:#e7e3da;--line:#c7c2b6;--white:#22231e;--muted:#5c5d52;--dim:#686b5e;--orange:#a33f2d;--cyan:#326875;--green:#376f55;--red:#a33f2d;--s3:#8b7455;--heading:'Instrument Serif',Georgia,serif;--track-surface:#eeece5;--track-road:#cbc7ba;--track-underlay:#dedbd1;--plot-grid:#d4d1c6;--reference:#7c7c70}
html[data-theme=editorial] .topbar{height:94px;margin:0 36px;padding:0;border-bottom:2px solid #24271f;gap:32px}
html[data-theme=editorial] .brand>span{font-family:var(--heading);font-size:43px;letter-spacing:-1.1px}
html[data-theme=editorial] .brand b{font-weight:400}
html[data-theme=editorial] .brand img{display:none}
html[data-theme=editorial] .brand small{font:7px var(--mono);letter-spacing:2.7px;line-height:1;margin-top:0}
html[data-theme=editorial] .topbar nav{height:auto;gap:26px;margin:auto 0 0 auto;padding-bottom:18px}
html[data-theme=editorial] .nav-item{font-size:12px;color:var(--white)}
html[data-theme=editorial] .nav-item.active:after{bottom:-7px;height:1px;background:var(--white)}
html[data-theme=editorial] .top-actions{align-self:flex-end;padding-bottom:14px}
html[data-theme=editorial] .era{display:none}
html[data-theme=editorial] .visual-directions{padding:17px 36px;border:0}
html[data-theme=editorial] .direction-option{border-radius:0;background:none;border-width:0 0 1px;padding:8px 5px;min-height:39px;font-size:10px}
html[data-theme=editorial] .direction-option[aria-pressed=true]{border-bottom:2px solid var(--orange);background:none}
html[data-theme=editorial] main{max-width:1600px;padding:0 36px}
html[data-theme=editorial] .workspace-heading{padding:23px 0 28px;align-items:flex-end;border-bottom:1px solid #24271f;margin-bottom:25px}
html[data-theme=editorial] .workspace-heading .eyebrow{font-size:8px;color:var(--muted);letter-spacing:1.1px}
html[data-theme=editorial] .workspace-heading h1{font-family:var(--heading);font-size:59px;font-weight:400;letter-spacing:-1.2px;line-height:1.01;max-width:770px}
html[data-theme=editorial] .workspace-heading h1 span{color:var(--white)}
html[data-theme=editorial] .workspace-heading>div>p:last-child{font-family:var(--heading);font-size:19px;letter-spacing:.1px}
html[data-theme=editorial] .button{border-radius:0;background:none;font-size:11px;min-height:36px}
html[data-theme=editorial] .button.primary{color:#fff}
html[data-theme=editorial] .lab-grid{grid-template-columns:minmax(0,1.75fr) minmax(310px,1fr);grid-template-areas:'photo results' 'circuit config' 'telemetry config';gap:28px}
html[data-theme=editorial] .theme-photograph{display:block;min-height:398px;border:0}
html[data-theme=editorial] .theme-photograph img{height:calc(100% - 35px);object-position:center 70%}
html[data-theme=editorial] .theme-photograph figcaption{bottom:2px;left:0;right:0;font-size:8px;line-height:1.6;color:var(--muted);text-shadow:none}
html[data-theme=editorial] .photo-index{background:#f1eee8;color:#27281f;padding:7px 10px;top:0;left:0}
html[data-theme=editorial] .panel{border:0;border-radius:0;box-shadow:none;background:none}
html[data-theme=editorial] .results{border-top:3px solid #27291f;border-bottom:1px solid #27291f}
html[data-theme=editorial] .result-main{padding:17px 0}
html[data-theme=editorial] .result-label h2{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px}
html[data-theme=editorial] .lap-number{font-family:var(--heading);font-size:88px;font-weight:400;letter-spacing:-3px;line-height:1.05;margin:16px 0 9px}
html[data-theme=editorial] .results .sector-results{padding:13px 0;border-top:1px solid var(--line)}
html[data-theme=editorial] #sector-results{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
html[data-theme=editorial] .sector-row{grid-template-columns:1fr auto;gap:6px;padding:10px 0;font-size:12px}
html[data-theme=editorial] .sector-row>span:first-child{grid-column:1/-1}
html[data-theme=editorial] .sector-row.current{margin:0;padding:10px 5px}
html[data-theme=editorial] .contribution-panel{padding:15px 0}
html[data-theme=editorial] #contributions{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
html[data-theme=editorial] .contribution-heading h3{font-family:var(--heading);font-size:22px}
html[data-theme=editorial] .save-current{padding:15px 0;background:none}
html[data-theme=editorial] .circuit-panel{border-top:1px solid #27291f}
html[data-theme=editorial] .circuit-heading{padding:17px 0 7px}
html[data-theme=editorial] .circuit-identity h2{font-family:var(--heading);font-size:37px;letter-spacing:0}
html[data-theme=editorial] .circuit-heading:before{content:'02';font:10px var(--mono);margin-right:17px;color:var(--orange)}
html[data-theme=editorial] .circuit-identity{margin-right:auto}
html[data-theme=editorial] .circuit-facts{padding:0 0 16px 35px}
html[data-theme=editorial] .track-stage{background:var(--track-surface);border:0}
html[data-theme=editorial] #map-grid{opacity:.12}
html[data-theme=editorial] .track-stage>svg{max-height:345px;min-height:260px}
html[data-theme=editorial] .track-road{stroke-width:8px}
html[data-theme=editorial] [class*=track-sector-]{stroke-width:3px}
html[data-theme=editorial] .live-readout{padding:20px 0}
html[data-theme=editorial] .playback{padding:13px 0;background:none}
html[data-theme=editorial] .configuration{max-height:1230px;border-top:1px solid #27291f;border-bottom:1px solid var(--line)}
html[data-theme=editorial] .configuration .panel-heading{padding:18px 0}
html[data-theme=editorial] .configuration .panel-heading h2{font-family:var(--heading);font-size:26px}
html[data-theme=editorial] .configuration-body{padding:0;scrollbar-width:thin}
html[data-theme=editorial] .form-section{padding:20px 0}
html[data-theme=editorial] .form-section>h3,html[data-theme=editorial] .form-section summary{font-size:9px}
html[data-theme=editorial] select{border-radius:0;background-color:#ebe8df;min-height:37px}
html[data-theme=editorial] .config-foot{padding:15px 0}
html[data-theme=editorial] .telemetry{border-top:2px solid #27291f}
html[data-theme=editorial] .telemetry-heading{padding:17px 0 12px}
html[data-theme=editorial] .telemetry-heading:before{content:'03';font:10px var(--mono);color:var(--orange)}
html[data-theme=editorial] .telemetry-heading h2{font-family:var(--heading);font-size:31px;display:block}
html[data-theme=editorial] .telemetry-heading .eyebrow{font:7px var(--mono);display:block;margin-top:6px}
html[data-theme=editorial] .telemetry-heading>div:first-of-type{margin-right:auto}
html[data-theme=editorial] .trace-key{padding:12px 0}
html[data-theme=editorial] .chart-row{grid-template-columns:105px 1fr;padding-right:0;padding-top:10px;padding-bottom:10px}
html[data-theme=editorial] .chart-label{padding-left:0}
html[data-theme=editorial] .chart-label>b{font-family:var(--heading);font-size:27px;color:var(--white)}
html[data-theme=editorial] .corner-stripe,html[data-theme=editorial] .distance-ruler{padding-left:105px;padding-right:0;background:none}
html[data-theme=editorial] .trace-a{stroke-width:1.8}
html[data-theme=editorial] .trace-b{stroke-dasharray:6 4}
html[data-theme=editorial] .telemetry-footer{padding:13px 0;background:none;display:block;line-height:1.8}
html[data-theme=editorial] .telemetry-footer span{display:block}
html[data-theme=editorial] .lower-analysis{border-top:2px solid #27291f;padding-top:16px;margin-top:38px;gap:36px;grid-template-columns:1.8fr 1fr}
html[data-theme=editorial] .panel-heading h2{font-family:var(--heading);font-size:27px}
html[data-theme=editorial] .comparison-intro h2,html[data-theme=editorial] .research-intro h2{font-family:var(--heading);font-size:52px;letter-spacing:-1px}
html[data-theme=editorial] .comparison-intro>p:last-child,html[data-theme=editorial] .research-intro>p:last-child{font-family:var(--heading);font-size:22px}
html[data-theme=editorial] .comparison-outcome{border-top:2px solid #27291f;border-bottom:1px solid var(--line);padding:25px 0}
html[data-theme=editorial] .research-block{border-top:1px solid #27291f}
html[data-theme=editorial] .research-block h2,html[data-theme=editorial] .sensitivity-notes h2{font-family:var(--heading);font-size:33px}

/* 05 — Edge inspectors around a large spatial replay and a command deck. */
html[data-theme=future]{--bg:#0a1318;--panel:#102027;--panel2:#193039;--line:#344f59;--white:#e0eef0;--muted:#aec2ca;--dim:#8faab4;--orange:#b4dce0;--cyan:#d5b080;--green:#afd0b7;--red:#e4aea0;--s3:#829bae;--sans:'Space Grotesk',Arial,sans-serif;--heading:'Space Grotesk',Arial,sans-serif;--track-surface:#0b1c24;--track-road:#446571;--track-underlay:#0a131a;--plot-grid:#234550;--reference:#9aadb5}
html[data-theme=future] body{padding-left:104px;background:radial-gradient(ellipse at 50% 15%,#18333d 0,transparent 45%),var(--bg)}
html[data-theme=future] .topbar{height:65px;padding:0 26px;border-color:var(--line);background:#0b171c}
html[data-theme=future] .brand>span{font-size:22px;letter-spacing:-.6px}
html[data-theme=future] .brand img{filter:grayscale(1) brightness(1.6);width:29px}
html[data-theme=future] .topbar nav{position:fixed;left:0;top:0;bottom:0;width:104px;height:100vh;padding:180px 9px 20px;margin:0;display:flex;flex-direction:column;gap:10px;background:#0a171d;border-right:1px solid var(--line);z-index:25}
html[data-theme=future] .topbar nav:before{content:'F1 / CONTROL';position:absolute;top:28px;left:16px;font:9px var(--mono);letter-spacing:1px;width:65px;color:var(--muted);line-height:1.8}
html[data-theme=future] .nav-item{font:9px var(--mono);min-height:63px;text-transform:uppercase;padding:15px 8px;justify-content:center;border:1px solid transparent;border-radius:10px 0 10px 0;flex-direction:column;gap:8px}
html[data-theme=future] .nav-item:before{content:'0' counter(command);counter-increment:command;color:var(--dim);font-size:9px}
html[data-theme=future] nav{counter-reset:command}
html[data-theme=future] .nav-item.active{background:#1b333e;border-color:#5d8995}
html[data-theme=future] .nav-item.active:after{display:none}
html[data-theme=future] .nav-item svg{display:none}
html[data-theme=future] .visual-directions{padding:12px 25px;background:#0c1b22}
html[data-theme=future] .direction-option{border-radius:8px 0 8px 0;background:#10242d}
html[data-theme=future] .direction-option[aria-pressed=true]{box-shadow:inset 0 0 0 1px #a3d3dc20}
html[data-theme=future] main{padding:0 25px;max-width:1850px}
html[data-theme=future] .workspace-heading{padding:24px 0 22px}
html[data-theme=future] .workspace-heading h1{font-family:var(--heading);font-size:32px;letter-spacing:-1px;font-weight:400}
html[data-theme=future] .workspace-heading .eyebrow{font-size:7px;letter-spacing:1.8px}
html[data-theme=future] .button{border-radius:8px 0 8px 0;font:10px var(--mono)}
html[data-theme=future] .button.primary{background:#b4dce0;color:#10252d}
html[data-theme=future] .lab-grid{grid-template-columns:210px minmax(0,1fr) 245px;grid-template-areas:'config circuit results' 'telemetry telemetry telemetry';gap:19px;align-items:start}
html[data-theme=future] .panel{border-radius:13px 0 13px 0;background:#11242bba}
html[data-theme=future] .configuration{max-height:690px;background:#102129e0}
html[data-theme=future] .panel-heading{min-height:46px;padding:14px}
html[data-theme=future] .panel-heading h2{font:9px var(--mono);text-transform:uppercase;letter-spacing:1px}
html[data-theme=future] .configuration-body{padding:0 14px}
html[data-theme=future] .control label{font-size:10px}
html[data-theme=future] select{font:10px var(--mono);min-height:34px;border-radius:5px 0 5px 0}
html[data-theme=future] .form-section summary,html[data-theme=future] .form-section>h3{font-size:8px}
html[data-theme=future] .circuit-panel{background:none;border:0;overflow:visible}
html[data-theme=future] .circuit-heading{padding:10px 5px 10px;justify-content:center;gap:15px;flex-wrap:wrap}
html[data-theme=future] .circuit-identity h2{font-size:30px;letter-spacing:-1px;font-weight:400}
html[data-theme=future] .circuit-facts{justify-content:center;padding:0 0 15px;flex-wrap:wrap;gap:9px;font:8px var(--mono)}
html[data-theme=future] .circuit-facts span+span{padding-left:9px}
html[data-theme=future] .track-stage{border:1px solid #426674;border-radius:26px 0 26px 0;isolation:isolate;background:radial-gradient(ellipse at 50% 50%,#21404b8c 0,#0b1b236b 68%)}
html[data-theme=future] .track-stage:before{content:'';position:absolute;inset:12px;border:1px solid #567f8930;border-radius:18px 0 18px 0;pointer-events:none;z-index:-1}
html[data-theme=future] .track-stage:after{content:'';position:absolute;inset:35px 15%;border-radius:50%;border:1px solid #729dad26;box-shadow:0 0 0 30px #729dad06,0 0 0 60px #729dad04;pointer-events:none;z-index:-1}
html[data-theme=future] .track-stage>svg{min-height:343px;max-height:420px}
html[data-theme=future] #map-grid{opacity:.45}
html[data-theme=future] .track-underlay{stroke-width:23px}
html[data-theme=future] .track-road{stroke-width:11px}
html[data-theme=future] [class*=track-sector-]{stroke-width:3px}
html[data-theme=future] .track-label{font-size:13px;letter-spacing:1px}
html[data-theme=future] .track-caption{top:20px;left:24px;font-size:7px}
html[data-theme=future] .map-legend{font-size:6px;left:24px}
html[data-theme=future] .live-readout{margin:17px 0 14px;padding:15px 16px;border:1px solid #4e747e;border-radius:12px 0 12px 0;background:#122c34}
html[data-theme=future] .live-readout b{font-family:var(--sans);font-size:22px;letter-spacing:-.8px}
html[data-theme=future] .live-readout .speed-readout b{font-size:31px}
html[data-theme=future] .live-readout span{font-size:6px;letter-spacing:.5px}
html[data-theme=future] .mini-meter{width:48px}
html[data-theme=future] .playback{border:1px solid var(--line);border-radius:8px 0 8px 0;padding:12px 15px;background:#13242e}
html[data-theme=future] .context-strip{padding:12px 4px;flex-wrap:wrap}
html[data-theme=future] .results{border-top:3px solid #b4dce0;background:#10252ee0}
html[data-theme=future] .result-main{padding:20px 18px}
html[data-theme=future] .lap-number{font-family:var(--sans);font-size:43px;letter-spacing:-2.5px;font-weight:400}
html[data-theme=future] .contribution-row{padding:5px 0}
html[data-theme=future] #contributions{display:block}
html[data-theme=future] .results .sector-results,html[data-theme=future] .contribution-panel{padding:17px 18px}
html[data-theme=future] .telemetry{border-top:2px solid #567f89;background:#0d2029}
html[data-theme=future] .telemetry-heading h2{font:12px var(--mono);text-transform:uppercase;letter-spacing:1px}
html[data-theme=future] .chart-row{padding-top:4px;padding-bottom:4px}
html[data-theme=future] .trace-a{stroke-width:1.6}
html[data-theme=future] .trace-b{stroke-dasharray:2 5}
html[data-theme=future] .chart-grid{stroke-dasharray:1 3;stroke-width:.5}
html[data-theme=future] .cursor-line{stroke-dasharray:3 3}
html[data-theme=future] .lower-analysis{margin-top:22px;gap:19px}
html[data-theme=future] .comparison-intro h2,html[data-theme=future] .research-intro h2{font-family:var(--heading);font-size:36px}

/* 06 — A graphic instrument sheet: telemetry first, specimen at the side. */
html[data-theme=experimental]{color-scheme:light;--bg:#e8ed52;--panel:#f4f4d9;--panel2:#dde29a;--line:#aeb541;--white:#1c2515;--muted:#3d492b;--dim:#535f38;--orange:#253512;--cyan:#2852c3;--green:#2f6336;--red:#713118;--s3:#8a461e;--sans:'Space Grotesk',Arial,sans-serif;--heading:'Space Grotesk',Arial,sans-serif;--track-surface:#e8ed52;--track-road:#a9b03f;--track-underlay:#d5dc44;--plot-grid:#c4cb46;--reference:#626f43}
html[data-theme=experimental] .topbar{height:70px;border-bottom:2px solid #273719;padding:0 30px}
html[data-theme=experimental] .brand>span{font-size:30px;font-weight:600;text-transform:uppercase;letter-spacing:-1.3px}
html[data-theme=experimental] .brand img{display:none}
html[data-theme=experimental] .brand small{font-size:6px;letter-spacing:3px}
html[data-theme=experimental] .topbar nav{position:fixed;bottom:18px;left:50%;height:47px;transform:translateX(-50%);z-index:50;padding:0 8px;margin:0;gap:0;background:#253512;color:#f3f5d8;border:1px solid #f3f5d8;box-shadow:5px 5px 0 #24301440}
html[data-theme=experimental] .nav-item{font:10px var(--mono);color:#d9ddb9;padding:0 23px;border-right:1px solid #66784e;text-transform:uppercase}
html[data-theme=experimental] .nav-item:last-child{border-right:0}
html[data-theme=experimental] .nav-item.active{background:#e8ed52;color:#253512}
html[data-theme=experimental] .nav-item.active:after{display:none}
html[data-theme=experimental] .nav-item svg{display:none}
html[data-theme=experimental] .era{font-size:8px}
html[data-theme=experimental] .visual-directions{padding:14px 30px 17px;border-bottom:1px solid #657223}
html[data-theme=experimental] .direction-option{background:none;border-radius:0;border-color:#a4aa39;min-height:42px;font:9px var(--mono)}
html[data-theme=experimental] .direction-option[aria-pressed=true]{background:#253512;color:#f6f7d9;border-color:#253512}
html[data-theme=experimental] .direction-option[aria-pressed=true] .direction-number,html[data-theme=experimental] .direction-option[aria-pressed=true] .direction-selected{color:#e8ed52}
html[data-theme=experimental] main{padding:0 30px;max-width:1820px}
html[data-theme=experimental] .workspace-heading{padding:24px 0 20px;align-items:flex-end}
html[data-theme=experimental] .workspace-heading:before{content:'LAP\A SCORE';white-space:pre;font:500 19px/1 var(--mono);width:65px;align-self:center;letter-spacing:-1px;margin-right:6px}
html[data-theme=experimental] .workspace-heading>div:first-of-type{margin-right:auto}
html[data-theme=experimental] .workspace-heading h1{font-size:29px;font-weight:500;letter-spacing:-1.3px}
html[data-theme=experimental] .workspace-heading .eyebrow{font-size:7px;margin-bottom:5px}
html[data-theme=experimental] .workspace-heading>div>p:last-child{font:9px var(--mono);margin-top:6px}
html[data-theme=experimental] .button{border-radius:0;border-color:#6f792d;font:10px var(--mono)}
html[data-theme=experimental] .button.primary{background:#253512;color:#f8f9dd;box-shadow:3px 3px 0 #75813d}
html[data-theme=experimental] .lab-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);grid-template-areas:'result circuit' 'telemetry circuit' 'splits contribution' 'save save' 'config config';gap:0 26px}
html[data-theme=experimental] .panel{border:0;border-radius:0;background:none;box-shadow:none}
html[data-theme=experimental] .results{display:contents}
html[data-theme=experimental] .results .result-main{grid-area:result;border-top:2px solid #253512;padding:14px 0 20px;position:relative}
html[data-theme=experimental] .result-label h2{font:9px var(--mono);text-transform:uppercase;letter-spacing:1px;color:#253512}
html[data-theme=experimental] .lap-number{font-family:var(--heading);font-size:clamp(74px,8.3vw,122px);font-weight:500;letter-spacing:-7px;line-height:1.05;margin:5px 0 2px}
html[data-theme=experimental] .uncertainty{font:9px var(--mono)}
html[data-theme=experimental] .reference-delta{margin-top:8px}
html[data-theme=experimental] .reference-note{font:8px/1.6 var(--mono);margin-top:5px}
html[data-theme=experimental] .results .sector-results{grid-area:splits;border:0;border-top:2px solid #253512;padding:20px 20px 20px 0;margin-top:25px}
html[data-theme=experimental] .results .contribution-panel{grid-area:contribution;border-top:2px solid #253512;border-left:1px solid #768239;padding:20px 0 20px 20px;margin-top:25px}
html[data-theme=experimental] .contribution-heading h3{font:9px var(--mono);text-transform:uppercase}
html[data-theme=experimental] #contributions{display:block}
html[data-theme=experimental] .contribution-row{font-size:8px;padding:3px 0}
html[data-theme=experimental] .contribution-row b{font-size:9px}
html[data-theme=experimental] .contribution-panel .small-note{font-size:7px;line-height:1.6}
html[data-theme=experimental] .results .save-current{grid-area:save;width:100%;padding:14px 0;font:10px var(--mono);border-color:#768239;background:none}
html[data-theme=experimental] .centre-column{align-self:start;border-top:2px solid #253512;border-left:1px solid #768239;padding:12px 0 0 20px}
html[data-theme=experimental] .circuit-heading{padding:4px 0 10px;flex-wrap:wrap;gap:8px}
html[data-theme=experimental] .circuit-identity h2{font-family:var(--heading);font-size:30px;text-transform:uppercase;font-weight:500;letter-spacing:-1.5px}
html[data-theme=experimental] .circuit-identity .eyebrow{font-size:7px}
html[data-theme=experimental] .country-flag{display:none}
html[data-theme=experimental] .circuit-facts{padding:0 0 10px;gap:8px;font:8px var(--mono);flex-wrap:wrap}
html[data-theme=experimental] .circuit-facts span+span{padding-left:8px}
html[data-theme=experimental] .track-stage{border:1px solid #a3ad34;background:none}
html[data-theme=experimental] .track-stage>svg{min-height:260px;max-height:330px}
html[data-theme=experimental] #map-grid{opacity:.5}
html[data-theme=experimental] .track-underlay{stroke-width:0}
html[data-theme=experimental] .track-road{stroke-width:9px}
html[data-theme=experimental] [class*=track-sector-]{stroke-width:4px}
html[data-theme=experimental] .track-sector-1{stroke-dasharray:12 2}
html[data-theme=experimental] .track-sector-2{stroke-dasharray:3 2}
html[data-theme=experimental] .track-label{font-size:14px;text-transform:uppercase}
html[data-theme=experimental] .live-readout{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 12px;padding:19px 0}
html[data-theme=experimental] .live-readout .speed-readout{grid-column:1/3}
html[data-theme=experimental] .live-readout .speed-readout b{font-family:var(--sans);font-size:54px;font-weight:500;letter-spacing:-3px}
html[data-theme=experimental] .live-readout .mode-readout{grid-column:3/5;grid-row:2}
html[data-theme=experimental] .live-readout b{font:400 25px var(--sans)}
html[data-theme=experimental] .live-readout span{font-size:7px}
html[data-theme=experimental] .playback{padding:13px 0;border-bottom:1px solid #758136;background:none}
html[data-theme=experimental] .context-strip{font-size:8px;align-items:flex-start;flex-direction:column;gap:10px;padding:13px 0;line-height:1.6}
html[data-theme=experimental] .telemetry{background:#f6f6e3;border:1px solid #253512;border-top:3px solid #253512;align-self:start}
html[data-theme=experimental] .telemetry-heading{padding:14px 16px 9px;gap:15px;flex-wrap:wrap}
html[data-theme=experimental] .telemetry-heading h2{font:500 18px var(--sans);text-transform:uppercase;letter-spacing:-.6px;display:block}
html[data-theme=experimental] .telemetry-heading .eyebrow{font:7px var(--mono);display:block;margin-top:4px}
html[data-theme=experimental] .telemetry-heading p{font:7px var(--mono)}
html[data-theme=experimental] .telemetry-tools{gap:7px}
html[data-theme=experimental] .trace-key{font:7px var(--mono);padding:10px 16px;gap:12px;flex-wrap:wrap;background:#eaedc4}
html[data-theme=experimental] .trace-hint{display:none}
html[data-theme=experimental] .chart-row{grid-template-columns:95px 1fr;padding-right:14px;padding-top:8px;padding-bottom:8px;border-color:#c2c79f}
html[data-theme=experimental] .chart-label{padding-left:16px}
html[data-theme=experimental] .chart-label>b{font-family:var(--sans);font-size:27px;font-weight:500;letter-spacing:-1px;color:#253512}
html[data-theme=experimental] .chart-label>span{font-size:7px;letter-spacing:0}
html[data-theme=experimental] .chart-grid{stroke:#bcc398;stroke-width:.7}
html[data-theme=experimental] .trace-a{stroke-width:2.1}
html[data-theme=experimental] .trace-b{stroke:#687849;stroke-width:1.4;stroke-dasharray:2 3}
html[data-theme=experimental] .trace-secondary{stroke:#a85822;stroke-width:1.8}
html[data-theme=experimental] .cursor-line{stroke:#2852c3;stroke-width:1.3}
html[data-theme=experimental] .corner-stripe,html[data-theme=experimental] .distance-ruler{padding-left:95px;padding-right:14px;background:#eaedc4}
html[data-theme=experimental] .telemetry-footer{display:block;line-height:1.8;background:#f6f6e3;padding:10px 16px;font-size:6px}
html[data-theme=experimental] .telemetry-footer span{display:block}
html[data-theme=experimental] .configuration{max-height:none;margin-top:28px;border-top:3px solid #253512;background:#f2f3c980}
html[data-theme=experimental] .configuration .panel-heading{padding:17px 18px;border-bottom:1px solid #a1ad34}
html[data-theme=experimental] .configuration .panel-heading h2{font:500 20px var(--sans);text-transform:uppercase;letter-spacing:-.6px}
html[data-theme=experimental] .configuration-body{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:0 28px;padding:0 18px;overflow:visible}
html[data-theme=experimental] .configuration-body>.form-section{grid-column:auto}
html[data-theme=experimental] .configuration-body>details{grid-column:auto}
html[data-theme=experimental] .config-foot{padding:13px 18px}
html[data-theme=experimental] .config-foot br{display:none}
html[data-theme=experimental] .config-foot .text-button{display:inline-block;margin-left:12px}
html[data-theme=experimental] select{border-radius:0;background-color:#f1f3c1}
html[data-theme=experimental] .lower-analysis{border-top:2px solid #253512;margin-top:30px;padding-top:15px;grid-template-columns:1.7fr 1fr;gap:30px}
html[data-theme=experimental] .panel-heading h2{font:500 19px var(--sans);text-transform:uppercase;letter-spacing:-.5px}
html[data-theme=experimental] .comparison-intro h2,html[data-theme=experimental] .research-intro h2{font:500 48px var(--sans);letter-spacing:-2px}
html[data-theme=experimental] .comparison-outcome{background:#253512;color:#f1f4c7}
html[data-theme=experimental] .comparison-outcome p,html[data-theme=experimental] .comparison-sector.header{color:#ced6b4}
html[data-theme=experimental] .comparison-outcome .gain{color:#aedca7!important}
html[data-theme=experimental] .comparison-outcome .loss{color:#efcba1!important}
html[data-theme=experimental] .toast{bottom:86px}
html[data-theme=experimental] footer{padding-bottom:115px;border-top:1px solid #768136}

/* At intermediate widths each composition preserves its own reading order. */
@media(max-width:1180px){
 .direction-heading>div{gap:12px}.direction-option{font-size:9px;padding:8px}.direction-number{font-size:8px}
 html[data-theme=apple] main{padding:0 30px}html[data-theme=apple] .workspace-heading h1{font-size:34px}html[data-theme=apple] .model-state{display:none}
 html[data-theme=engineering] .lab-grid{grid-template-columns:205px minmax(0,1fr) minmax(290px,1.04fr)}
 html[data-theme=engineering] .results{grid-template-columns:1.05fr .75fr 1.6fr .45fr}
 html[data-theme=engineering] #contributions{gap:1px 12px}html[data-theme=engineering] .contribution-row{font-size:8px;gap:5px}html[data-theme=engineering] .contribution-row b{font-size:9px}
 html[data-theme=engineering] .circuit-identity h2{font-size:21px}html[data-theme=engineering] .circuit-heading{padding-left:12px;padding-right:12px}html[data-theme=engineering] .country-flag{width:23px}
 html[data-theme=engineering] .circuit-heading .map-modes button{padding:4px 6px;font-size:8px}
 html[data-theme=engineering] .era{display:none}
 html[data-theme=netflix] .results{grid-template-columns:1fr .75fr 1.5fr}html[data-theme=netflix] .contribution-panel{padding-left:18px;padding-right:0}
 html[data-theme=netflix] .centre-column{margin-left:53%}html[data-theme=netflix] .context-strip{flex-wrap:wrap}
 html[data-theme=editorial] .workspace-heading h1{font-size:49px}html[data-theme=editorial] .model-state{display:none}
 html[data-theme=editorial] .lap-number{font-size:75px}html[data-theme=editorial] .results #contributions{gap:3px 12px}html[data-theme=editorial] .contribution-row{font-size:8px}
 html[data-theme=future] body{padding-left:90px}html[data-theme=future] .topbar nav{width:90px}html[data-theme=future] .topbar nav:before{left:12px;font-size:8px}
 html[data-theme=future] .lab-grid{grid-template-columns:185px minmax(0,1fr) 210px;gap:12px}html[data-theme=future] .workspace-heading h1{font-size:27px}html[data-theme=future] .model-state{display:none}
 html[data-theme=future] .lap-number{font-size:37px}html[data-theme=future] .result-main,html[data-theme=future] .results .sector-results,html[data-theme=future] .contribution-panel{padding-left:14px;padding-right:14px}
 html[data-theme=experimental] .model-state{display:none}html[data-theme=experimental] .workspace-heading h1{font-size:25px}
 html[data-theme=experimental] .lab-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.9fr);gap:0 22px}
}
@media(min-width:761px) and (max-width:940px){
 .direction-options{grid-template-columns:repeat(3,minmax(0,1fr))}.direction-option{min-height:34px}.direction-heading #direction-description{display:none}
 html[data-theme] .topbar{padding-left:20px;padding-right:20px;gap:15px}html[data-theme] .topbar nav{gap:12px}html[data-theme] .era{display:none}
 html[data-theme=apple] .topbar nav{gap:0}html[data-theme=apple] .nav-item{padding:6px 11px}html[data-theme=apple] .workspace-heading h1{font-size:31px}
 html[data-theme=apple] .lab-grid{grid-template-columns:minmax(0,1.2fr) minmax(270px,1fr);gap:20px}html[data-theme=apple] .lap-number{font-size:49px}html[data-theme=apple] .result-main,html[data-theme=apple] .results .sector-results,html[data-theme=apple] .contribution-panel{padding-left:22px;padding-right:22px}
 html[data-theme=engineering] .lab-grid{grid-template-columns:200px minmax(0,1fr);grid-template-areas:'results results' 'config circuit' 'config telemetry'}
 html[data-theme=engineering] .results{grid-template-columns:1fr .8fr 1.5fr}html[data-theme=engineering] .save-current{grid-column:1/-1;flex-direction:row;border-left:0;border-top:1px solid var(--line);padding:10px}
 html[data-theme=engineering] .topbar nav{gap:0}html[data-theme=engineering] .nav-item{padding:8px 10px}
 html[data-theme=engineering] .configuration{max-height:1200px}html[data-theme=engineering] .track-stage>svg{min-height:265px;max-height:305px}
 html[data-theme=netflix] .workspace-heading h1{font-size:39px}html[data-theme=netflix] .lab-grid{grid-template-columns:245px minmax(0,1fr);gap:18px}
 html[data-theme=netflix] .results{grid-template-columns:1fr 1fr}html[data-theme=netflix] .contribution-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:16px 0}
 html[data-theme=netflix] .centre-column{margin-left:45%}html[data-theme=netflix] .theme-photograph img{width:70%}
 html[data-theme=editorial] .brand>span{font-size:35px}html[data-theme=editorial] .topbar nav{gap:18px}html[data-theme=editorial] .top-actions{padding-bottom:14px}
 html[data-theme=editorial] .workspace-heading h1{font-size:43px}html[data-theme=editorial] .lab-grid{grid-template-columns:minmax(0,1.4fr) 290px;gap:22px}html[data-theme=editorial] .lap-number{font-size:65px}
 html[data-theme=editorial] #contributions{display:block}html[data-theme=editorial] .theme-photograph{min-height:540px}html[data-theme=editorial] #sector-results{gap:9px}
 html[data-theme=future] .lab-grid{grid-template-columns:175px minmax(0,1fr);grid-template-areas:'results results' 'config circuit' 'telemetry telemetry'}
 html[data-theme=future] .results{display:grid;grid-template-columns:1fr .8fr 1.1fr}html[data-theme=future] .results .sector-results,html[data-theme=future] .contribution-panel{border-top:0;border-left:1px solid var(--line)}
 html[data-theme=future] .save-current{grid-column:1/-1}html[data-theme=future] .topbar nav{gap:10px}
 html[data-theme=future] .workspace-heading h1{font-size:24px}html[data-theme=future] .track-stage>svg{min-height:335px;max-height:360px}
 html[data-theme=experimental] .lab-grid{grid-template-columns:minmax(0,1.3fr) 280px;gap:0 20px}html[data-theme=experimental] .lap-number{font-size:78px;letter-spacing:-5px}
 html[data-theme=experimental] .results .contribution-panel{border-left:0;padding-left:0}html[data-theme=experimental] #contributions{display:block}
 html[data-theme=experimental] #sector-results{display:flex;justify-content:space-between;gap:12px}html[data-theme=experimental] .sector-row{display:flex;flex-direction:column;gap:5px}html[data-theme=experimental] .workspace-heading h1{font-size:22px}
}

/* Touch: distinct visual languages, one clear column, every control retained. */
@media(max-width:760px){
 html[data-theme] body{padding-left:0}
 html[data-theme] .topbar{height:auto;min-height:62px;padding:15px 16px 0;margin:0;flex-wrap:wrap;gap:13px}
 html[data-theme] .brand>span{font-size:22px;line-height:1.05}html[data-theme] .brand small{font-size:6px;letter-spacing:1.6px}html[data-theme] .brand img{width:28px}
 html[data-theme] .topbar nav{position:relative;left:auto;top:auto;bottom:auto;transform:none;margin:0;order:3;width:100%;height:43px;border:0;padding:0;flex-direction:row;gap:0;justify-content:space-around;background:none;z-index:auto}
 html[data-theme] .topbar nav:before,html[data-theme] .nav-item:before{display:none}
 html[data-theme] .nav-item{font:11px var(--sans);padding:7px 9px;min-height:0;border:0;border-radius:0;flex-direction:row;text-transform:none}
 html[data-theme] .nav-item.active:after{display:block;height:2px;bottom:0;left:8px;right:8px;background:var(--orange)}
 html[data-theme] .top-actions{padding:0;margin-left:auto;align-self:center;gap:0}html[data-theme] .era{display:none}
 html[data-theme] .visual-directions{padding:15px 16px;background:var(--bg);position:relative}
 html[data-theme] .direction-heading{margin-bottom:9px;gap:10px;align-items:flex-start}
 html[data-theme] .direction-heading>div{display:block}
 html[data-theme] .direction-eyebrow{display:block;font-size:8px;letter-spacing:.9px}
 html[data-theme] #direction-description{display:block;font-size:9px;margin-top:5px;max-width:270px;line-height:1.55}
 html[data-theme] .direction-heading .text-button{font-size:8px;padding-top:0}
 .direction-options{display:none}.mobile-direction-select{display:block;width:100%;font-size:12px;min-height:39px;background-color:var(--panel);border:1px solid var(--line);border-radius:4px}
 .mobile-direction-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 html[data-theme] main{padding:0 16px;width:100%}
 html[data-theme] .workspace-heading{padding:24px 0 22px;gap:16px;align-items:flex-start;border-bottom:0;margin-bottom:0}
 html[data-theme] .workspace-heading .eyebrow{font-size:6px;letter-spacing:.8px;line-height:1.8;max-width:235px}
 html[data-theme] .workspace-heading h1{font-size:25px;letter-spacing:-.8px;line-height:1.14;max-width:250px}
 html[data-theme] .workspace-heading>div>p:last-child{font-size:10px;line-height:1.6;margin-top:8px;max-width:260px}
 html[data-theme] .heading-actions{padding-top:23px;gap:0}
 html[data-theme] .heading-actions .button{padding:9px 10px;font-size:9px;min-height:36px}
 html[data-theme] .workspace-heading:before{display:none}
 html[data-theme] .lab-grid{display:flex;flex-direction:column;gap:18px;align-items:stretch}
 html[data-theme] .lab-grid>*{width:100%;margin-left:0;margin-right:0;grid-area:auto}
 html[data-theme] .configuration{order:1;max-height:none;display:block;margin-top:0;padding:0;align-self:stretch}
 html[data-theme] .theme-photograph{order:2}
 html[data-theme] .centre-column{order:3;align-self:stretch;padding:0;border-left:0}
 html[data-theme] .results{order:4;display:block;padding:0;width:100%}
 html[data-theme] #telemetry-panel{order:5;width:100%}
 html[data-theme] .configuration:not(.mobile-open) .configuration-body,html[data-theme] .configuration:not(.mobile-open) .config-foot{display:none}
 html[data-theme] .configuration .panel-heading{padding:15px 16px}
 html[data-theme] .configuration .panel-heading h2{font:500 13px var(--sans);text-transform:none;letter-spacing:0}
 html[data-theme] .configuration-body{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;padding:0 16px;overflow:visible}
 html[data-theme] .configuration-body>.form-section{grid-column:1/-1;display:block;padding:17px 0}
 html[data-theme] .configuration-body>.form-section:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
 html[data-theme] .configuration-body>.form-section:first-child h3{grid-column:1/-1}
 html[data-theme] .configuration-body .form-section>h3,html[data-theme] .configuration-body .form-section summary{font-size:9px}
 html[data-theme] .configuration-body>details{grid-column:1/-1}
 html[data-theme] select{min-height:36px;font-size:11px}
 html[data-theme] .mobile-direction-select{font-size:12px;min-height:40px}
 html[data-theme] .mobile-config-summary{padding:12px 16px;font-size:10px}
 html[data-theme] .config-foot{padding:15px 16px;font-size:9px}
 html[data-theme] .results .result-main{padding:24px 20px 20px}
 html[data-theme] .results .sector-results,html[data-theme] .results .contribution-panel{padding:18px 20px;border:0;border-top:1px solid var(--line)}
 html[data-theme] .lap-number{font-size:48px;letter-spacing:-2px}
 html[data-theme] .uncertainty{font-size:10px;line-height:1.7}
 html[data-theme] #sector-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
 html[data-theme] .sector-row{display:flex;align-items:flex-start;flex-direction:column;padding:8px 0;font-size:12px;gap:6px}
 html[data-theme] .sector-row.current{padding:8px 5px;margin:0}
 html[data-theme] #contributions{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px}
 html[data-theme] .contribution-row{font-size:8px;gap:5px;padding:4px 0}
 html[data-theme] .contribution-row b{font-size:9px}
 html[data-theme] .save-current{padding:16px 20px;display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid var(--line);border-left:0;width:100%;font-size:11px}
 html[data-theme] .circuit-heading{padding:18px 17px 8px;justify-content:space-between;gap:10px;flex-wrap:wrap}
 html[data-theme] .circuit-heading:before{display:none}
 html[data-theme] .circuit-identity{margin-right:0;gap:11px}
 html[data-theme] .circuit-identity h2{font-size:26px;line-height:1.05;letter-spacing:-.7px}
 html[data-theme] .circuit-facts{padding:0 17px 13px;gap:9px;font-size:8px;flex-wrap:wrap;justify-content:flex-start}
 html[data-theme] .circuit-facts span+span{padding-left:9px}
 html[data-theme] .map-modes button{padding:5px 9px;font-size:9px}
 html[data-theme] .track-stage>svg{min-height:260px;max-height:335px;width:100%;height:auto}
 html[data-theme] .track-caption{left:15px;top:16px;font-size:6px}
 html[data-theme] .track-top-right{right:15px;font-size:6px;top:16px}
 html[data-theme] .map-legend{left:15px;bottom:16px;font-size:6px;gap:10px}
 html[data-theme] .track-label{font-size:16px;letter-spacing:0}
 html[data-theme] .live-readout{display:flex;gap:10px;padding:17px 13px;margin:0}
 html[data-theme] .live-readout span{font-size:6px;letter-spacing:.1px}
 html[data-theme] .live-readout b{font-size:20px;letter-spacing:-.5px}
 html[data-theme] .live-readout .speed-readout b{font-size:31px;letter-spacing:-1px}
 html[data-theme] .live-readout .mode-readout b{font-size:9px;letter-spacing:0}
 html[data-theme] .mini-meter{width:45px}
 html[data-theme] .playback{padding:12px 13px;gap:9px}
 html[data-theme] .context-strip{flex-direction:row;padding:13px 0;gap:9px;flex-wrap:wrap}
 html[data-theme] .context-strip>div{gap:7px}
 html[data-theme] .context-strip b{font-size:8px}
 html[data-theme] .telemetry-heading{padding:19px 14px 8px;gap:10px;flex-wrap:wrap}
 html[data-theme] .telemetry-heading:before{display:none}
 html[data-theme] .telemetry-heading h2{font-size:19px;line-height:1.2;display:block;letter-spacing:0}
 html[data-theme] .telemetry-heading .eyebrow{font:6px var(--mono);display:block;margin-top:5px}
 html[data-theme] .telemetry-heading p{font-size:8px;max-width:200px}
 html[data-theme] .telemetry-tools{max-width:none;gap:8px;flex-wrap:wrap;justify-content:flex-start}
 html[data-theme] .telemetry-tools label{font-size:8px;width:auto;justify-content:flex-start}
 html[data-theme] .telemetry-tools .button{font-size:8px;min-height:28px;padding:6px 8px}
 html[data-theme] .trace-key{padding:10px 14px;font:7px var(--sans);gap:12px;flex-wrap:wrap}
 html[data-theme] .chart-row{grid-template-columns:76px 1fr;padding-right:10px;padding-top:5px;padding-bottom:5px}
 html[data-theme] .chart-label{padding:11px 0 0 12px}
 html[data-theme] .chart-label>span{font:6px var(--mono);letter-spacing:0}
 html[data-theme] .chart-label>b{font-size:17px}
 html[data-theme] .chart-label>small{font-size:6px}
 html[data-theme] .corner-stripe,html[data-theme] .distance-ruler{padding-left:76px;padding-right:10px;font-size:6px}
 html[data-theme] .telemetry-footer{padding:12px 14px;display:block;font-size:6px;line-height:1.8}
 html[data-theme] .telemetry-footer span{display:block}
 html[data-theme] .lower-analysis{grid-template-columns:1fr;margin-top:24px;gap:24px;padding-top:0}
 html[data-theme] .panel-heading h2{font-size:16px;text-transform:none;letter-spacing:0}
 html[data-theme] .comparison-intro h2,html[data-theme] .research-intro h2{font-size:31px;letter-spacing:-.7px}
 html[data-theme] .comparison-intro>p:last-child,html[data-theme] .research-intro>p:last-child{font-size:12px}
 html[data-theme] .comparison-configs{grid-template-columns:1fr;gap:18px}
 html[data-theme] .comparison-outcome{grid-template-columns:1fr;gap:20px;padding:22px 17px}
 html[data-theme] .comparison-outcome h2{font-size:39px}
 html[data-theme] .research-block{padding:23px 17px}
 html[data-theme] .research-block h2,html[data-theme] .sensitivity-notes h2{font-size:26px}
 html[data-theme] footer{padding:26px 0 35px}
 .direction-dialog{width:calc(100vw - 24px);max-height:90vh}.direction-gallery{grid-template-columns:1fr 1fr;gap:10px;padding:17px}.direction-card>b{font-size:20px}.direction-card-kicker{font-size:7px}.direction-card>span:not(.direction-mini):not(.direction-card-kicker){font-size:10px}.direction-references{padding:0 17px 20px;font-size:10px}.direction-dialog .dialog-heading h2{font-size:23px}
 html[data-theme=apple] .topbar nav{background:#e8ecf0;border-radius:20px;height:36px;margin-bottom:12px;padding:3px}
 html[data-theme=apple] .nav-item{border-radius:18px;padding:7px 12px;font-size:10px}
 html[data-theme=apple] .nav-item.active:after{display:none}
 html[data-theme=apple] .workspace-heading{padding-top:29px;padding-bottom:26px}
 html[data-theme=apple] .workspace-heading h1{font-size:27px;font-weight:650}
 html[data-theme=apple] .panel{border-radius:16px}
 html[data-theme=apple] .track-stage{border-radius:0}
 html[data-theme=apple] .results .lap-number{font-family:var(--sans);font-size:59px}
 html[data-theme=netflix] .workspace-heading h1{font-family:var(--heading);font-size:31px;letter-spacing:-.1px}
 html[data-theme=netflix] .theme-photograph{min-height:245px;order:2}
 html[data-theme=netflix] .theme-photograph img{width:100%;object-position:center 70%}
 html[data-theme=netflix] .theme-photograph:after{background:linear-gradient(0deg,#0a090c 0%,transparent 60%)}
 html[data-theme=netflix] .theme-photograph figcaption{max-width:none;font-size:6px;bottom:16px;left:16px;right:16px}
 html[data-theme=netflix] .centre-column{background:var(--panel);margin-top:-22px;border:1px solid var(--line)}
 html[data-theme=netflix] .circuit-identity h2{font-family:var(--heading);font-size:31px}
 html[data-theme=netflix] .results .lap-number{font-family:var(--heading);font-size:62px;letter-spacing:0}
 html[data-theme=engineering] .topbar nav{border:1px solid var(--line);background:#0e181e;height:34px;margin-bottom:12px;justify-content:stretch}
 html[data-theme=engineering] .nav-item{font:8px var(--mono);flex:1;justify-content:center;border-right:1px solid var(--line);padding:7px 8px}
 html[data-theme=engineering] .nav-item:last-child{border:0}
 html[data-theme=engineering] .workspace-heading h1{font-size:23px}
 html[data-theme=engineering] .panel{border-radius:0}
 html[data-theme=engineering] .results{order:2}
 html[data-theme=engineering] .results .result-main{padding:18px}
 html[data-theme=engineering] .results .lap-number{font-size:45px}
 html[data-theme=engineering] .results .sector-results{padding-top:12px;padding-bottom:12px}
 html[data-theme=editorial] .topbar{border-bottom:2px solid #27291f;margin:0 16px;padding-left:0;padding-right:0}
 html[data-theme=editorial] .brand>span{font-family:var(--heading);font-size:34px}
 html[data-theme=editorial] .workspace-heading h1{font-family:var(--heading);font-size:33px;font-weight:400;letter-spacing:-.6px}
 html[data-theme=editorial] .workspace-heading>div>p:last-child{font-family:var(--heading);font-size:16px;line-height:1.3}
 html[data-theme=editorial] .theme-photograph{min-height:265px}
 html[data-theme=editorial] .theme-photograph figcaption{font-size:6px;bottom:2px}
 html[data-theme=editorial] .results{order:3}
 html[data-theme=editorial] .centre-column{order:4}
 html[data-theme=editorial] .results .result-main{padding:23px 0 16px}
 html[data-theme=editorial] .results .lap-number{font-family:var(--heading);font-size:78px;letter-spacing:-2px}
 html[data-theme=editorial] .results .sector-results,html[data-theme=editorial] .results .contribution-panel{padding-left:0;padding-right:0}
 html[data-theme=editorial] .save-current{padding-left:0;padding-right:0}
 html[data-theme=editorial] .panel-heading h2,html[data-theme=editorial] .telemetry-heading h2{font-family:var(--heading);font-size:25px}
 html[data-theme=future] .topbar nav{border-bottom:1px solid var(--line);background:#10232b}
 html[data-theme=future] .nav-item.active{border-radius:0;background:#27434e}
 html[data-theme=future] .track-stage{border-radius:20px 0 20px 0}
 html[data-theme=future] .track-stage>svg{min-height:300px}
 html[data-theme=future] .live-readout{border-radius:8px 0 8px 0;margin:15px 0}
 html[data-theme=experimental] .topbar nav{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);top:auto;background:#253512;height:42px;padding:3px 4px;gap:0;border:1px solid #e8ed52;width:calc(100% - 28px);z-index:50;box-shadow:4px 4px 0 #25351240}
 html[data-theme=experimental] .nav-item{flex:1;color:#e8ed52;justify-content:center;font:8px var(--mono);padding:7px 8px;border-right:1px solid #657947}
 html[data-theme=experimental] .nav-item.active{color:#253512}
 html[data-theme=experimental] .nav-item.active:after{display:none}
 html[data-theme=experimental] .topbar{padding-bottom:15px}
 html[data-theme=experimental] .workspace-heading{padding-top:19px;padding-bottom:20px}
 html[data-theme=experimental] .workspace-heading h1{font-size:23px;letter-spacing:-1px}
 html[data-theme=experimental] .results{display:contents}
 html[data-theme=experimental] #telemetry-panel{order:3}
 html[data-theme=experimental] .centre-column{order:4}
 html[data-theme=experimental] .configuration{order:5}
 html[data-theme=experimental] .results .result-main{order:2;width:100%;padding:16px 0}
 html[data-theme=experimental] .results .lap-number{font-size:87px;letter-spacing:-5px}
 html[data-theme=experimental] .results .sector-results{order:6}
 html[data-theme=experimental] .results .contribution-panel{order:7}
 html[data-theme=experimental] .results .sector-results,html[data-theme=experimental] .results .contribution-panel{width:100%;padding:15px 0}
 html[data-theme=experimental] .results .save-current{order:8;width:100%;padding:15px 0}
 html[data-theme=experimental] .telemetry-heading h2{font-family:var(--sans);font-size:20px;text-transform:uppercase}
 html[data-theme=experimental] footer{padding-bottom:100px}
}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}.direction-option,.direction-card{transition:none}}