/* Benchmarks extends the established tactical design with a readable comparison workspace. */
:root{color-scheme:dark;--bg:#0a0a0b;--surface:#171719;--raised:#26262a;--ink:#fff;--muted:#b3b3bc;--line:#343439;--cyan:#22d3ee;--soft:#ffc500;--mono:'JetBrains Mono',monospace}
:root.light-mode{color-scheme:light;--bg:#f7f7f5;--surface:#fff;--raised:#efefec;--ink:#101012;--muted:#55555e;--line:#d7d7d8;--cyan:#087f91;--soft:#a52b0b}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--line) var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',sans-serif;font-size:15px;line-height:1.55}
::selection{background:#ffc500;color:#181310}a{color:inherit;text-underline-offset:4px}button,input,select{font:inherit}button,select,input{border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);min-height:44px;padding:9px 13px}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input{caret-color:var(--cyan)}button:hover:not(:disabled),select:hover{border-color:var(--muted)}a:hover{color:var(--soft)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:8px;left:8px;z-index:5;padding:12px;background:var(--surface);transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap}.brand img{object-fit:contain}.brand>span{color:var(--muted);border-left:1px solid var(--line);padding-left:16px;font-size:13px}.header-actions{display:flex;align-items:center;gap:24px}.header-actions>a:first-child{font-size:13px;text-decoration:none}.action{background:var(--brand-gradient);color:#fff;border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:10px 17px;border-radius:5px;position:relative;isolation:isolate}.action::before{content:'';position:absolute;inset:1px;background:#181310;border-radius:4px;z-index:-1}.action:hover{color:#fff}.action span{color:#ffc500}main{max-width:1344px;margin:0 auto;padding:0 40px 72px}.intro{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;padding:54px 0 36px}.intro h1{font-size:clamp(36px,4.15vw,60px);line-height:1.08;letter-spacing:-.035em;margin:0;font-weight:600}.intro h1>span{color:var(--muted)}.intro-copy p{max-width:47ch;margin:0 0 18px;color:var(--muted)}.intro-copy a{font-weight:600;text-decoration:none}.intro-copy a span{color:var(--soft);margin-left:12px}.snapshot{display:flex;flex-wrap:wrap;gap:10px 24px;padding:16px 0;border-top:2px solid transparent;border-image:var(--brand-gradient) 1;border-bottom:1px solid var(--line);font:11px/1.8 var(--mono);color:var(--muted)}.snapshot strong{color:var(--ink);font-weight:500}
.chart-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:28px}.chart-panel,.validation-panel{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:24px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}h2{font-size:22px;line-height:1.25;letter-spacing:-.025em;margin:0 0 8px}p{margin:0 0 16px}.panel-heading p,.section-heading p{font-size:13px;color:var(--muted);margin:0}.panel-heading select{font-size:11px;max-width:170px}.chart{height:200px;margin:22px 0 12px;display:flex;align-items:stretch;gap:12px}.histogram{display:flex;align-items:end;justify-content:space-between;gap:10px;width:100%;padding-top:25px;border-bottom:1px solid var(--line);background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/100% 50%}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;position:relative;min-width:0}.bar{width:100%;max-width:52px;background:var(--brand-gradient);border-radius:2px 2px 0 0;min-height:1px;position:relative}.bar-value{position:absolute;top:-24px;left:0;right:0;text-align:center;font:11px var(--mono);color:var(--ink)}.bar-label{position:absolute;bottom:-24px;font:10px var(--mono);color:var(--muted)}.chart-note{margin:34px 0 0;font-size:11px;color:var(--muted);line-height:1.7}.status-label{font:11px var(--mono);color:var(--soft);display:flex;gap:8px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.validation-panel h2{font-size:30px;margin-top:16px}.validation-panel>p{font-size:13px;max-width:48ch;color:var(--muted)}.validation-panel>a{font-size:12px}.metric-list{font-size:11px;margin:18px 0}.metric-list div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:9px 0}.metric-list dt{color:var(--muted)}.metric-list dd{margin:0}.metric-list abbr{margin-left:5px}.runtime-bars{width:100%;display:grid;gap:20px;align-content:center}.runtime-row{display:grid;grid-template-columns:130px 1fr 90px;align-items:center;gap:12px;font-size:12px}.runtime-track{height:8px;background:var(--raised)}.runtime-track i{height:8px;display:block;background:var(--brand-gradient)}.runtime-row strong{font:11px var(--mono);text-align:right}
.models-section{margin-top:46px;scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading button{font-size:12px}.filters{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 12px}.categories{display:flex;gap:4px;flex-wrap:wrap}.categories button{font-size:12px;border-color:transparent;background:transparent}.categories .selected{background:var(--raised);border-color:var(--line);color:var(--soft)}.search input{width:230px;font-size:12px}.table-help{font:11px var(--mono);color:var(--muted);margin-bottom:14px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:6px}table{border-collapse:collapse;width:100%;min-width:810px;text-align:left}th{background:var(--raised);font-size:11px;font-weight:500;color:var(--muted);height:48px}td,th{padding:14px 16px;border-bottom:1px solid var(--line)}th button{background:none;border:0;font-size:11px;padding:0;color:inherit}th button span{margin-left:8px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface)}td{font-size:12px}.model-name{font-weight:600;font-size:14px;border:0;padding:0;background:transparent;text-align:left;min-height:24px}.model-caption{display:block;color:var(--muted);font-size:10px;margin-top:3px}.model-category{font-size:11px;color:var(--muted)}.measurement{font-family:var(--mono);font-size:11px}.measurement small{display:block;font-family:'Space Grotesk',sans-serif;font-size:10px;color:var(--muted);margin-top:4px}.pending{color:var(--muted);font-size:11px}.check-label{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;cursor:pointer}input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--soft);cursor:pointer}.footnote{color:var(--muted);font-size:11px;line-height:1.8;margin:14px 0}.comparison-tray{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:12px}.comparison-tray>div{display:flex;gap:8px}.comparison-tray button{font-size:12px}.detail-panel{margin-top:20px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.detail-panel h3{margin:0 0 16px;font-size:22px}.detail-panel p{max-width:75ch;color:var(--muted);font-size:13px}.detail-panel a{font-size:12px}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px}.comparison-grid h4{margin:0 0 10px;font-size:17px}.comparison-grid dl{font-size:12px}.comparison-grid dt{color:var(--muted);margin-top:12px}.comparison-grid dd{margin:3px 0;font-family:var(--mono);font-size:11px}
.methodology{display:grid;grid-template-columns:1fr 1.7fr;gap:80px;margin-top:64px;border-top:1px solid var(--line);padding-top:36px;scroll-margin-top:24px}.methodology h2{font-size:30px}.methodology p{color:var(--muted);font-size:13px}.methodology a{font-size:12px}.method-details details{border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:16px}.method-details summary{cursor:pointer;min-height:44px;font-weight:500;font-size:14px}.method-details .technical{font:11px/1.8 var(--mono);overflow-wrap:anywhere}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 4vw;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer .brand{color:var(--ink);font-size:13px}footer>div{display:flex;gap:18px}.error{margin:24px 0;padding:24px;background:var(--surface);border:1px solid var(--line)}
@media(max-width:1000px){.site-header{padding-inline:24px}.header-actions{gap:12px}.brand>span{display:none}main{padding-inline:24px}.intro{gap:30px}.chart-grid{grid-template-columns:1fr 1fr}.panel-heading{flex-direction:column}.methodology{gap:36px}footer>span{display:none}}
@media(max-width:700px){.site-header{height:auto;min-height:72px;padding:14px 16px;gap:12px;flex-wrap:wrap}.brand{font-size:14px;gap:8px}.header-actions{gap:8px}.header-actions>a:first-child,.header-actions .action{display:none}.header-actions button{font-size:12px}main{padding:0 16px 44px}.intro{grid-template-columns:1fr;gap:20px;padding:32px 0 24px}.intro h1{font-size:38px}.intro-copy p{font-size:14px}.intro-copy a{font-size:13px}.snapshot{gap:8px 16px;font-size:10px}.chart-grid{grid-template-columns:1fr;gap:16px;margin-top:20px}.chart-panel,.validation-panel{padding:20px}.panel-heading{gap:14px}.panel-heading h2{font-size:20px}.panel-heading p{font-size:12px}.chart{gap:8px;height:185px}.histogram{gap:7px}.bar-value{font-size:10px}.validation-panel h2 br{display:none}.validation-panel h2{font-size:26px}.section-heading{align-items:start}.section-heading h2{font-size:24px}.section-heading p{max-width:25ch}.section-heading button{padding:8px;font-size:11px;white-space:nowrap}.filters{flex-direction:column;align-items:stretch;gap:10px}.categories{gap:0;justify-content:space-between}.categories button{padding:8px;font-size:11px}.search input{width:100%}.comparison-tray{flex-direction:column;align-items:start}.comparison-tray>div{width:100%}.comparison-tray .action{flex:1}.comparison-grid{grid-template-columns:1fr}.methodology{grid-template-columns:1fr;gap:24px;margin-top:40px}.runtime-row{grid-template-columns:85px 1fr 75px;gap:8px;font-size:10px}.runtime-row strong{font-size:10px}footer{align-items:start;flex-direction:column;padding:24px 16px}footer>div{flex-wrap:wrap}td,th{padding:12px}button.model-name{min-height:44px}}
@media(max-width:700px){.table-swipe{display:block;color:var(--muted);font:10px var(--mono);margin:-5px 0 10px}}
@media(prefers-reduced-motion:no-preference){.bar{animation:bar-reveal 450ms cubic-bezier(.16,1,.3,1) both;transform-origin:bottom}@keyframes bar-reveal{from{transform:scaleY(.85);opacity:.65}to{transform:none;opacity:1}}}
@media(forced-colors:active){.bar,.runtime-track i{background:Highlight}.action{border:1px solid ButtonText}.action::before{background:ButtonFace}.action{color:ButtonText}}

/* Accuracy % leads the cell; the rule and raw errors sit underneath. */
.accuracy-pct {
  display: block;
  font-size: 1.05rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}
.chart-empty { margin: 0; padding: 32px 0; color: var(--muted, #8a8a8e); text-align: center; }

/* Server-rendered accuracy for readers without JavaScript; folded away once the interactive view renders. */
.ssr-accuracy{margin:28px 0 8px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.ssr-accuracy h2{font-size:22px}.ssr-accuracy p{font-size:13px;color:var(--muted);max-width:80ch}.ssr-accuracy table{min-width:640px}.ssr-accuracy td{padding:12px 16px;border-top:1px solid var(--line);font-size:13px}.ssr-accuracy th[scope=row]{background:none;color:var(--ink);font-size:13px;font-weight:600;height:auto}.ssr-accuracy .ssr-links{margin:14px 0 0}.provenance-note{font-size:13px;color:var(--muted);max-width:52ch}.provenance-note strong{color:var(--ink);font-weight:600}
