/* Same language/theme affordance and dark foundations as the approved homepage. */
:root{color-scheme:light}
.preference-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--border);border-radius:100px;background:rgba(245,246,247,.35);flex-shrink:0}
.preference-switch button{display:grid;place-items:center;min-width:30px;height:28px;padding:4px 8px;border:0;border-radius:100px;background:none;color:var(--text-muted);font:12px var(--font-doc);cursor:pointer}
.preference-switch button[aria-pressed=true]{background:var(--bg-doc);color:var(--text);box-shadow:0 1px 4px #12284208}
.preference-switch button:hover{color:var(--primary)}
.topbar{grid-template-columns:minmax(180px,1fr) minmax(220px,370px) minmax(340px,1fr)}
[data-theme=dark]{color-scheme:dark;--primary:#6B8BFF;--primary-soft:#272F49;--bg:#1B1B1D;--bg-doc:#1B1B1D;--surface:#1B1B1D;--subtle:#2A2A2E;--text:#E3E3E3;--heading:#F0F2F8;--text-muted:rgba(255,255,255,.58);--text-faint:rgba(255,255,255,.42);--border:rgba(220,230,255,.12);--border-strong:rgba(220,230,255,.2);--ink:var(--text);--muted:var(--text-muted);--line:var(--border);--paper:var(--bg-doc);--accent:var(--primary);--accent-soft:var(--primary-soft);--green:var(--primary)}
[data-theme=dark] .preference-switch{background:var(--subtle)}

[data-theme=dark] .hero-description>p,[data-theme=dark] .stat-label{color:var(--text)}
[data-theme=dark] .button.dark{background:var(--primary-soft);border-color:var(--border);color:var(--text)}
[data-theme=dark] .button.primary{background:var(--primary);border-color:var(--primary);color:#141824}
[data-theme=dark] .button.primary:hover{background:#94ABFF}
[data-theme=dark] .bar-track>i{background:#5269B8}
[data-theme=dark] .performance-row.first .bar-track>i,[data-theme=dark] .bar-measure:hover .bar-track>i{background:var(--primary)}
[data-theme=dark] .score-button.best,[data-theme=dark] .size-preset[aria-pressed=true]{color:var(--primary)}
[data-theme=dark] .status-pill{background:#133326;color:#85DCA2}
[data-theme=dark] .status-pill.excluded{background:#3B2027;color:#FF9BA4}
[data-theme=dark] .status-pill.unsupported,[data-theme=dark] .status-pill.missing{background:var(--subtle);color:var(--muted)}
[data-theme=dark] .no-rank-note{background:#362F20;color:#E7C986}
[data-theme=dark] .bar-coverage.partial{color:#E7C986}
[data-theme=dark] .compare-bar{background:#2A2A2E;color:var(--text);border:1px solid var(--border)}
[data-theme=dark] .compare-bar .clear-compare{color:var(--text)}
[data-theme=dark] dialog{background:var(--bg-doc);color:var(--text);border-color:var(--border)}
[data-theme=dark] .toast{background:var(--subtle);color:var(--text);border:1px solid var(--border)}
[data-theme=dark] .summary-box,[data-theme=dark] .dialog-head{background:var(--subtle)}
[data-theme=dark] .close-dialog{color:var(--text)}
[data-theme=dark] .size-preset:hover,[data-theme=dark] .button:hover:not(:disabled){background:var(--subtle)}
html[lang=zh-CN] .brand small{letter-spacing:0}html[lang=zh-CN] .stat-note{line-height:1.7}
html[lang=zh-CN] .performance-direction{white-space:nowrap}
@media(max-width:1100px){.topbar{grid-template-columns:auto minmax(180px,1fr) auto;gap:18px}.nav .dataset-link{display:none}.nav{gap:16px}}
@media(max-width:900px){.nav .nav-secondary{display:none}}
@media(max-width:680px){.topbar{grid-template-columns:1fr auto}.topbar>.search-field{grid-row:2;grid-column:1/-1}.nav{gap:10px}.brand small{font-size:12px}.preference-switch button{min-width:27px;padding:4px 6px}.stat-label{font-size:12px}.board-heading{flex-wrap:wrap;align-items:center}.performance-axis,.performance-row{column-gap:8px}.section-nav{gap:24px}.performance-controls{gap:16px}.bar-coverage{white-space:nowrap}}

@media(max-width:380px){.brand small{display:none}.nav{gap:6px}.topbar{gap:10px}.preference-switch button{min-width:26px}.size-presets{gap:5px}}