/* Repères — light theme and shared header controls. Dark stays the page default CSS. */
.themetoggle{background:transparent;border:1px solid var(--line);color:var(--muted);border-radius:10px;width:38px;height:36px;cursor:pointer;font-size:1rem;display:inline-grid;place-items:center}
.themetoggle:hover{color:var(--white)}
.filterbar{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}
.filterbar button{border:1px solid var(--line);background:rgba(168,177,230,.08);color:var(--muted);border-radius:999px;padding:8px 15px;font-weight:700;font-size:.86rem;cursor:pointer}
.filterbar button[aria-pressed=true]{background:linear-gradient(110deg,#b3a9ff,#8fe7d8);color:#0c1727;border-color:transparent}
.testcard[hidden]{display:none!important}

:root[data-theme=light]{color-scheme:light;--bg:#f3f5fb;--panel:#fff;--panel2:#eef1f8;--line:rgba(30,45,80,.16);--white:#17203a;--muted:#55627a;--accent:#5b4fd6;--accent2:#1f8fa8;--ink:#17203a}
:root[data-theme=light] body{color:var(--white);background:radial-gradient(ellipse 75% 55% at 7% -12%,#dfe3fb 0%,transparent 65%),radial-gradient(ellipse 48% 38% at 100% 16%,#d9f1f4 0%,transparent 70%),var(--bg)}
:root[data-theme=light] ::selection{background:#c9c2ff;color:#17203a}
:root[data-theme=light] .topnav a{color:var(--muted)}
:root[data-theme=light] .topnav a:hover,:root[data-theme=light] .topnav a[aria-current=page]{color:var(--white);background:#e4e8f4;border-color:var(--line)}
:root[data-theme=light] .eyebrow,:root[data-theme=light] .kicker{color:#3d6f8f}
:root[data-theme=light] .lead,:root[data-theme=light] .hint,:root[data-theme=light] .muted,:root[data-theme=light] .fine,:root[data-theme=light] .qcontext,:root[data-theme=light] .scaleend,:root[data-theme=light] .metricdesc,:root[data-theme=light] .help,:root[data-theme=light] .intro-note,:root[data-theme=light] .footer-note,:root[data-theme=light] .fineprint,:root[data-theme=light] .result-description,:root[data-theme=light] .prose p,:root[data-theme=light] .prose li{color:var(--muted)}
:root[data-theme=light] .gradient{background:linear-gradient(110deg,#5b4fd6 0%,#1a8f8a 85%);background-clip:text;-webkit-background-clip:text;color:transparent}
:root[data-theme=light] .chip{color:#3a4763;background:#e9ecf6}
:root[data-theme=light] .chip.good{color:#155a41;border-color:#8fcdb2;background:#e3f6ee}
:root[data-theme=light] .chip.warn{color:#6b4d12;border-color:#e2c37f;background:#fbf2dc}
:root[data-theme=light] .chip.red{color:#8a2f25;border-color:#e6a99f;background:#fbe8e4}
:root[data-theme=light] .panel,:root[data-theme=light] .guide-panel{background:#fff;box-shadow:0 12px 40px rgba(30,45,80,.08)}
:root[data-theme=light] .notice{background:#fbf2dc;color:#5b4210;border-color:#d4a443}
:root[data-theme=light] .notice.good{background:#e3f6ee;color:#155a41;border-color:#3fae80}
:root[data-theme=light] .field select,:root[data-theme=light] .field input{background:#f6f7fb;color:var(--white)}
:root[data-theme=light] .field label{color:var(--white)}
:root[data-theme=light] .btn.secondary{background:#e9ecf6;color:var(--white)}
:root[data-theme=light] .btn.ghost{color:var(--white)}
:root[data-theme=light] .progress,:root[data-theme=light] .track,:root[data-theme=light] .progress-track,:root[data-theme=light] .bar-track,:root[data-theme=light] .split-bar{background:#e1e5f0}
:root[data-theme=light] .choice{background:#f6f7fb;border-color:#c9d0e0;color:var(--white)}
:root[data-theme=light] .choice:hover{background:#eceffa;border-color:#8f95d8}
:root[data-theme=light] .choice.selected,:root[data-theme=light] .choice[aria-pressed=true]{background:#e6e2ff;border-color:#6c5fe0;box-shadow:inset 0 0 0 1px #6c5fe0}
:root[data-theme=light] .choice small{color:var(--muted)}
:root[data-theme=light] .choice-letter{background:#eef0f7;border-color:#d3d8e6}
:root[data-theme=light] .choice[aria-pressed=true] .choice-letter,:root[data-theme=light] .rating.list .choice.selected .choice-letter{background:#6c5fe0;color:#fff}
:root[data-theme=light] .choice-check{color:#6c5fe0}
:root[data-theme=light] .bigscore{color:#2c5f86}
:root[data-theme=light] .metrichead span,:root[data-theme=light] .bar-count,:root[data-theme=light] .count,:root[data-theme=light] .smallcaps,:root[data-theme=light] .question-number{color:#3a4763}
:root[data-theme=light] .bar-caption,:root[data-theme=light] .dim-top strong,:root[data-theme=light] .dim-bottom strong,:root[data-theme=light] .profile-sub,:root[data-theme=light] .insight h3,:root[data-theme=light] .footer-note strong{color:var(--white)}
:root[data-theme=light] .dim-top span,:root[data-theme=light] .dim-bottom,:root[data-theme=light] .insight p,:root[data-theme=light] .alternative{color:var(--muted)}
:root[data-theme=light] .insight,:root[data-theme=light] .alternative{background:#f3f5fb}
:root[data-theme=light] .resumbox,:root[data-theme=light] .helpbox{background:#f1f5fa;border-color:#c9d6e4;color:var(--white)}
:root[data-theme=light] .references{color:var(--muted)}
:root[data-theme=light] .references a{color:#1f6f8f}
:root[data-theme=light] .band.green{background:#e3f6ee;border-color:#8fcdb2;color:#155a41}
:root[data-theme=light] .band.orange{background:#fbf2dc;border-color:#e2c37f;color:#5b4210}
:root[data-theme=light] .band.red{background:#fbe8e4;border-color:#e6a99f;color:#7c2a21}
:root[data-theme=light] .alert{background:#fde9e6;border-color:#d9574a;color:#5e1d16}
:root[data-theme=light] .alert a{color:#a1271b}
:root[data-theme=light] .tag,:root[data-theme=light] .type-pill{background:#e9ecf6;color:#3a4763}
:root[data-theme=light] .tag strong{color:var(--white)}
:root[data-theme=light] .btn-outline{background:#fff;color:var(--white);border-color:#c3cadb}
:root[data-theme=light] .btn-subtle{color:var(--muted)}
:root[data-theme=light] .btn-subtle:hover{color:var(--white)}
:root[data-theme=light] .result-symbol{background:#ecebff;border-color:#b3ade8}
:root[data-theme=light] .home-card,:root[data-theme=light] .testcard,:root[data-theme=light] .toollist article{background:#fff;box-shadow:0 8px 28px rgba(30,45,80,.07)}
:root[data-theme=light] .home-card p,:root[data-theme=light] .testcard p,:root[data-theme=light] .home-note,:root[data-theme=light] .toollist p{color:var(--muted)}
:root[data-theme=light] .testcard .tiny{color:#3d6f8f}
:root[data-theme=light] .testcard span[style*="bfb9ff"]{color:#5b4fd6!important}
:root[data-theme=light] .iconcircle{background:#eceffa}
:root[data-theme=light] .scientific-table th{color:#3d6f8f}
:root[data-theme=light] footer{color:var(--muted)}
:root[data-theme=light] footer a{color:var(--white)}
:root[data-theme=light] .iosbutton{background:#f6f7fb;border-color:#c9d0e0;color:var(--white)}
:root[data-theme=light] .iosbutton:hover,:root[data-theme=light] .iosbutton.selected{background:#e6e2ff;border-color:#6c5fe0}
:root[data-theme=light] .guide-teaser{background:#f1f2fb;border-color:#cdd2ea}
:root[data-theme=light] .guide-teaser h2,:root[data-theme=light] .guide-card h3,:root[data-theme=light] .guide-subheading,:root[data-theme=light] .guide-details>summary{color:var(--white)}
:root[data-theme=light] .guide-teaser>p,:root[data-theme=light] .guide-panel>p,:root[data-theme=light] .guide-card p,:root[data-theme=light] .guide-card .guide-low,:root[data-theme=light] .guide-card .guide-example,:root[data-theme=light] .guide-card small{color:var(--muted)}
:root[data-theme=light] .guide-teaser a,:root[data-theme=light] .guide-panel a{color:#4a3fc4}
:root[data-theme=light] .guide-details{background:#fff;border-color:#cdd2ea}
:root[data-theme=light] .guide-details[open]>summary{border-color:#dde1ef}
:root[data-theme=light] .guide-card{background:#f6f7fb;border-color:#d3d9e8}
:root[data-theme=light] .guide-note{background:#fbf2dc;color:#5b4210}
:root[data-theme=light] .guide-toc a,:root[data-theme=light] .guide-link-bar a{background:#eef0f8;border-color:#cdd2ea;color:var(--white)}
:root[data-theme=light] .guide-toc a:hover,:root[data-theme=light] .guide-link-bar a:hover{background:#e1e5f4}
:root[data-theme=light] .filterbar button{background:#eef0f8}
:root[data-theme=light] #clock{box-shadow:0 0 0 6px #d6dcea}
:root[data-theme=light] .filterbar button[aria-pressed=true]{background:#5b4fd6;color:#fff}
.hero.compact{padding:26px 0 10px}.hero.compact h1{font-size:clamp(1.8rem,4.4vw,2.9rem);margin-bottom:10px}.hero.compact .lead{margin-bottom:6px}
.hero.compact+.filterbar{margin-top:8px}
body.testing .hero{display:none}
.related{margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.related h3{font-size:1rem;margin:0 0 10px}
.relatedlinks{display:flex;flex-wrap:wrap;gap:10px}
.relatedlinks a{display:inline-flex;border:1px solid var(--line);border-radius:11px;padding:10px 14px;text-decoration:none;font-weight:700;font-size:.9rem;background:rgba(168,177,230,.08)}
.relatedlinks a:hover{border-color:#918cf0}
@media print{.related{display:none}}
.testsection[hidden]{display:none!important}
@media(max-width:680px){header{align-items:center;padding-top:16px;padding-bottom:6px}}