/* A compact, shared results layout for every benchmark. */
:root{--story-0:#39704e;--story-1:#356aa2;--story-2:#b16a2c;--story-3:#875a9b;--story-4:#187b79;--story-5:#ad4e78;--story-6:#82791f;--story-7:#5a7085;--story-8:#ad4f43;--story-9:#746441;--story-10:#2581a1;--story-11:#625bc2;--story-12:#4d8032;--story-13:#98548f;--story-14:#967045}
html[data-theme="dark"]{--story-0:#91c5a0;--story-1:#83b6ef;--story-2:#ebaa6a;--story-3:#c6a0e0;--story-4:#79c9c0;--story-5:#e594ba;--story-6:#c6c477;--story-7:#acbdd4;--story-8:#ef9a8c;--story-9:#d4bc83;--story-10:#73c7e5;--story-11:#b3adf3;--story-12:#b0d78d;--story-13:#d6a3cf;--story-14:#dcb47f}
.program-hero{padding:60px 0 40px;display:grid;grid-template-columns:1fr;gap:30px}
.program-hero .eyebrow{margin-bottom:22px;color:var(--muted-text)}
.program-hero h1{font-size:clamp(42px,5.4vw,80px);line-height:1.08;text-wrap:balance}
.program-hero h1>span,.program-hero h1>em{display:block}
.program-hero h1>em{margin-top:.08em}
.hero-intro{max-width:1000px;padding-bottom:0}
.breadth{display:grid;grid-template-columns:1.5fr 1fr 1fr;border-block:1px solid var(--rule)}
.breadth>div{padding:22px 0}.breadth>div+div{border-left:1px solid var(--rule);padding-left:38px}
.breadth strong{display:block;font-size:clamp(42px,5vw,68px);font-weight:400;letter-spacing:-.05em;line-height:1.15;color:var(--accent)}
.breadth span{display:block;font:10px/1.7 var(--mono);letter-spacing:.6px;text-transform:uppercase;margin-top:8px}
.breadth-note{margin-top:10px;font:10px/1.7 var(--mono);color:var(--muted-text)}
.tau-nav{display:flex;flex-wrap:wrap;gap:30px;padding:25px 0 0;font-size:12px}.tau-nav a{border-bottom:1px solid var(--rule);padding:6px 0}.tau-nav a:hover{color:var(--coral)}
.eval-section{padding:70px 0 25px;scroll-margin-top:28px}
.eval-section+.eval-section{border-top:1px solid var(--rule);margin-top:25px}
.eval-section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:35px}
.eval-section-heading .eyebrow{color:var(--muted-text);margin-bottom:14px}
.eval-section-heading h2{font-size:clamp(36px,4vw,54px)}
.eval-takeaway{font:18px/1.55 var(--sans);color:var(--ink);max-width:760px;margin:18px 0 0}
.eval-run-note{max-width:900px;margin-top:12px}
.aggregate-summary{margin:22px 0 24px}
.aggregate-scope{font:11px/1.7 var(--mono);color:var(--muted-text);margin:0 0 18px}
.aggregate-averages{display:flex;flex-wrap:wrap;gap:24px 64px;margin:0}
.aggregate-averages>div{display:flex;flex-direction:column;gap:5px;min-width:150px}
.aggregate-averages dt{font:12px/1.5 var(--sans);color:var(--muted-text)}
.aggregate-averages dd{margin:0;font:400 clamp(32px,4vw,44px)/1.15 var(--sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink)}
.aggregate-averages>div+div dd{color:var(--accent)}
.aggregate-average-note{margin:14px 0 12px}
.aggregate-counts{display:flex;flex-wrap:wrap;gap:6px 28px;font:12px/1.65 var(--sans);color:var(--muted-text)}
.aggregate-counts p{margin:0}
.aggregate-details{margin-top:20px;border-block:1px solid var(--rule)}
.aggregate-details summary{cursor:pointer;padding:13px 0;font:12px/1.7 var(--sans);color:var(--ink)}
.aggregate-details summary:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
.aggregate-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px;padding:8px 0 24px}
.aggregate-group h4{font:500 14px/1.5 var(--sans);color:var(--ink);margin:0 0 6px}
.aggregate-group h4 span{display:block;font-size:11px;font-weight:400;color:var(--muted-text)}
.aggregate-group p{font:11px/1.7 var(--sans);color:var(--muted-text);margin:0 0 10px}
.aggregate-group ul{padding-left:18px;margin:0;font:12px/1.7 var(--sans);color:var(--ink)}
.aggregate-group li{padding:2px 0;overflow-wrap:anywhere}
@media(max-width:700px){.eval-takeaway{font-size:16px}.aggregate-averages{gap:22px 32px}.aggregate-averages>div{min-width:120px}.aggregate-groups{grid-template-columns:1fr;gap:20px}.aggregate-counts{display:block}.aggregate-counts p+p{margin-top:4px}}
.eval-scope{font:11px/1.8 var(--mono);color:var(--muted-text);max-width:360px;text-align:right}
.eval-figure{padding:25px 0 32px;border-top:1px solid var(--rule);scroll-margin-top:25px}
.eval-figure figcaption{display:flex;gap:14px;align-items:baseline}
.figure-number{font:10px var(--mono);color:var(--muted-text)}
.eval-figure h3{font-size:21px;line-height:1.4;letter-spacing:-.025em}
.eval-figure .figure-caption-stacked{flex-direction:column;align-items:flex-start;gap:6px}
.eval-figure .figure-subtitle{font:12px/1.6 var(--sans);color:var(--muted-text);margin:0}
.eval-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:11px;color:var(--muted-text);margin:18px 0 15px}
.eval-legend>span{display:flex;gap:8px;align-items:center}.eval-legend svg{width:18px;height:18px}
.story-controls{display:flex;flex-wrap:wrap;gap:8px 10px;margin:10px 0 20px}
.story-controls button{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--rule);border-radius:4px;background:transparent;color:var(--muted-text);font:11px/1.4 var(--sans);text-align:left}
.story-controls button[aria-pressed="true"]{background:var(--cream);border-color:var(--story-color,var(--ink));color:var(--ink)}
.story-controls button:hover{border-color:var(--story-color,var(--ink))}.story-controls i{width:20px;border-top:2px dashed var(--story-color);flex-shrink:0}
.eval-chart .unpriced-heading{font:10px var(--mono)}
.legend-bar{width:17px;height:10px;display:inline-block}.legend-bar.baseline{background:var(--muted);opacity:.48}.legend-bar.cognition{background:var(--accent)}
.eval-chart-scroll{overflow-x:auto;overflow-y:hidden;width:100%;padding:3px 0 7px;outline-offset:4px}
.eval-chart{width:100%;max-width:none;height:auto;display:block}
.eval-chart text{font:12px var(--sans);fill:var(--muted-text)}
.eval-chart .axis-title{font:11px var(--mono)}
.eval-chart .model-label{font-size:12px;fill:var(--ink)}
.eval-chart .family-label{font-size:14px;fill:var(--ink)}
.eval-chart .family-detail{font-size:10px}.eval-chart .bar-value{font-size:13px;fill:var(--ink);font-variant-numeric:tabular-nums}
/* Shared axes, closely packed bars, and space only between comparisons. */
:root{--sota:#6744ad}
.sota-badge{display:inline-block;padding:4px 7px;border-radius:4px;background:var(--sota);color:#fff;font:600 10px/1.2 var(--sans);letter-spacing:.06em;vertical-align:middle;white-space:nowrap}
.comparison-legend{margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.comparison-sota-key{display:flex;gap:8px;align-items:center;font:11px var(--sans);color:var(--muted-text)}
.comparison-sota-key i{width:17px;height:10px;background:var(--sota)}
.comparison-hint{font:11px/1.6 var(--sans);color:var(--muted-text);margin:0 0 20px}
.comparison-scroll{container-type:inline-size;overflow-x:auto;padding:10px 0 16px;outline-offset:4px;scrollbar-width:thin;scrollbar-color:var(--muted) transparent}
.comparison-chart{--family-plot-height:220px;--comparison-gap:max(28px,calc((100cqw - 40px - var(--comparison-content-width)) / var(--comparison-gap-count)));position:relative;padding-left:40px;width:max-content}
.family-scale{position:absolute;left:0;top:0;width:30px;height:var(--family-plot-height);font:10px var(--sans);color:var(--muted-text)}
.family-scale span{position:absolute;right:0;transform:translateY(50%)}
.comparison-groups{position:relative;display:flex;gap:var(--comparison-gap);align-items:flex-start}
.comparison-groups:before{content:"";position:absolute;inset:0 0 auto;height:var(--family-plot-height);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:repeating-linear-gradient(to top,var(--rule) 0,var(--rule) 1px,transparent 1px,transparent 25%);pointer-events:none}
.comparison-group{position:relative;width:calc(var(--family-count)*64px - 4px);flex:none}
.comparison-group+.comparison-group:before{content:"";position:absolute;left:calc(var(--comparison-gap) / -2);top:0;height:var(--family-plot-height);border-left:1px dashed var(--rule)}
.family-columns{display:grid;grid-template-columns:repeat(var(--family-count),60px);gap:4px}
.family-column{min-width:0;position:relative;font:11px/1.45 var(--sans);color:var(--ink)}
.family-track{display:block;position:relative;height:var(--family-plot-height)}
.family-bar{position:absolute;bottom:0;left:20%;display:block;width:60%;height:var(--bar-height);min-height:1px;border-radius:2px 2px 0 0;background:var(--accent)}
.family-bar.baseline{background:var(--muted);opacity:.48}
.family-value{position:absolute;bottom:calc(var(--bar-height) + 7px);left:0;width:100%;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.family-value .sota-badge{display:table;margin:0 auto 5px}
.family-column.is-sota .family-bar{background:var(--sota)}
.family-column.is-sota .family-value{font-weight:700}
.family-reasoning{display:block;margin-top:4px;font:10px/1.4 var(--sans);color:var(--muted-text)}
.family-run-label{display:block;text-align:center;margin-top:12px;min-height:52px;overflow-wrap:anywhere}
.comparison-group h4{font:500 12px/1.6 var(--sans);color:var(--ink);margin:10px 0 0;overflow-wrap:anywhere}
.comparison-context{font:10px/1.6 var(--sans);color:var(--muted-text);margin-top:6px}
.evidence-highlight>strong:has(.sota-badge){display:flex;align-items:center;gap:12px}
.evidence-highlight>strong .sota-badge{font-size:12px;letter-spacing:.06em;padding:0;background:none;color:inherit}
.evidence-window-heading .sota-inline{font-weight:700}
.evidence-plot .is-sota .evidence-marker{fill:var(--sota);stroke:var(--sota)}
.evidence-plot .sota-value-bg{fill:var(--sota)}
.evals-page .evidence-plot .is-sota .evidence-value{fill:#fff;stroke:none;font-size:15px;font-weight:700}
@media print{.comparison-scroll{overflow:visible}.comparison-chart{zoom:.55}.comparison-hint{display:none}}
.cost-overview .story-link{opacity:0;pointer-events:none}
.cost-overview .story-link.is-default{opacity:.7}
.cost-overview.has-story-focus .story-link{opacity:0}
.cost-overview .story-link.is-highlighted{opacity:.85;stroke-width:2.5}
/* All runs keeps every story visible, including while another is emphasized. */
.cost-overview.cost-all-runs.has-story-focus .story-link{opacity:.35}
.cost-overview.cost-all-runs.has-story-focus .story-link.is-highlighted{opacity:.85}
.cost-overview .is-muted{opacity:.3}
.eval-model-label{pointer-events:none}
.cost-overview .eval-point,.cost-overview .eval-model-label,.cost-overview .story-link{transition:opacity .15s ease}
.eval-bar.baseline{fill:var(--muted);opacity:.48}.eval-bar.cognition{fill:var(--accent)}
.eval-chart .missing-value{fill:var(--coral)}
.eval-point{cursor:help}.eval-point:focus{outline:none}.eval-point:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.eval-note{font:11px/1.8 var(--sans);color:var(--muted-text);margin-top:10px;max-width:1020px}
.eval-scroll-hint{display:none;font:10px/1.6 var(--sans);color:var(--muted-text);margin-bottom:9px}
.eval-tooltip{position:fixed;z-index:90;max-width:min(350px,calc(100vw - 24px));padding:13px 16px;background:var(--ink);color:var(--paper);border:1px solid var(--rule);font:12px/1.65 var(--sans);pointer-events:none}
.eval-tooltip[hidden]{display:none}.footer{margin-top:45px}.footer nav{display:flex;gap:22px;flex-wrap:wrap}
@media(max-width:1000px){.program-hero{gap:35px}.eval-scope{max-width:270px}.eval-chart{min-width:820px}.eval-scroll-hint{display:block}}
@media(max-width:700px){.story-controls{flex-wrap:nowrap;overflow-x:auto;padding-bottom:9px;margin-bottom:14px}.story-controls button{flex-shrink:0;max-width:260px}}
@media(max-width:700px){.program-hero{grid-template-columns:1fr;gap:22px;padding:40px 0 27px}.program-hero h1{font-size:clamp(38px,8vw,54px)}.hero-intro{max-width:100%}.breadth{grid-template-columns:1.3fr .8fr 1fr}.breadth>div+div{padding-left:15px}.breadth strong{font-size:40px}.breadth span{font-size:8px;letter-spacing:.2px}.tau-nav{gap:10px 23px;font-size:11px;padding-top:19px}.eval-section{padding-top:48px}.eval-section-heading{display:block;margin-bottom:25px}.eval-section-heading h2{font-size:37px}.eval-scope{text-align:left;margin-top:15px;max-width:none;font-size:10px}.eval-figure{padding:22px 0 25px}.eval-figure h3{font-size:18px}.eval-legend{gap:12px 18px;font-size:10px}.eval-note{font-size:10px}.footer{margin-top:25px}}
@media print{.tau-nav,.eval-tooltip,.eval-scroll-hint{display:none}.program-hero{padding-top:20px}.eval-section{padding-top:28px}.eval-chart-scroll{overflow:visible}.eval-chart{min-width:0!important}.eval-figure{break-inside:avoid}.eval-section-heading{break-after:avoid}}
@media(prefers-reduced-motion:reduce){.cost-overview .eval-point,.cost-overview .eval-model-label,.cost-overview .story-link{transition:none}}

/* Two overview choices, with one optional control for a closer comparison. */
.cost-intro{font:13px/1.65 var(--sans);color:var(--muted-text);max-width:750px;margin:10px 0 20px}
.cost-intro a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.cost-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0}
.cost-views{display:inline-flex;border:1px solid var(--rule);border-radius:5px;padding:3px;gap:3px}
.cost-views button{border:0;border-radius:3px;padding:8px 16px;background:transparent;color:var(--muted-text);font:12px/1.4 var(--sans);cursor:pointer}
.cost-views button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.cost-focus{display:flex;align-items:center;gap:10px;color:var(--muted-text);font:12px/1.4 var(--sans)}
.cost-focus select{font:12px/1.4 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:4px;padding:9px 30px 9px 10px;max-width:320px;cursor:pointer}
.cost-controls button:focus-visible,.cost-focus select:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.cost-reading-note{margin-top:4px}
@media(max-width:700px){.cost-controls{align-items:flex-start}.cost-focus{width:100%;justify-content:space-between}.cost-focus select{min-width:0;width:calc(100% - 65px);max-width:none}.cost-intro{font-size:12px}.cost-views button{padding:8px 14px}}
@media print{.cost-controls{display:none}}

/* Static methodology remains readable without chart JavaScript or hover. */
.eval-methodology{border-top:1px solid var(--rule);padding-top:60px;padding-bottom:44px;margin-top:44px;scroll-margin-top:28px}
.eval-methodology header{max-width:760px;margin-bottom:36px}
.eval-methodology .eyebrow{color:var(--muted-text);margin-bottom:14px}
.eval-methodology h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.035em;line-height:1.15}
.methodology-intro{font:17px/1.65 var(--sans);color:var(--muted-text);margin-top:18px}
.methodology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.methodology-grid h3{font:500 16px/1.4 var(--sans);letter-spacing:-.015em;color:var(--ink);margin:0 0 12px}
.methodology-grid p{font:14px/1.8 var(--sans);color:var(--muted-text);margin:0}
@media(max-width:700px){.eval-methodology{padding-top:36px;padding-bottom:24px;margin-top:28px}.eval-methodology header{margin-bottom:28px}.methodology-intro{font-size:15px}.methodology-grid{grid-template-columns:1fr;gap:26px}.methodology-grid p{font-size:13px}}