@font-face{font-family:'Switzer';src:url('/t/strategiehelden/fonts/switzer-400-normal.woff2?v=ddd9595560') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('/t/strategiehelden/fonts/switzer-500-normal.woff2?v=7393d1abac') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Switzer';src:url('/t/strategiehelden/fonts/switzer-700-normal.woff2?v=7aecbe035c') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Doto';src:url('/t/strategiehelden/fonts/doto-100_900-normal.woff2?v=b565f9b6af') format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
:root{--bg:#f4f4f2;--fg:#121212;--muted:#5c5c5a;--accent:#e4352a;--on-accent:#000000;--panel:#ffffff;--line:rgb(18 18 18 / 0.12);--line-strong:rgb(18 18 18 / 0.24);--button:#1e50a2;--on-button:#ffffff;--focus:#121212;--accent-text:#c62a1f;--radius:0px;--font:'Switzer', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:'Switzer', ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:'Doto', ui-monospace, "SFMono-Regular", Menlo, monospace;--display-weight:700;--display-tracking:-0.025em;color-scheme:light}
/* Strategiehelden: Total Design. Paper and ink, red for "you" (what you choose), PTT blue for the way forward. */
.count, .kicker, .label { font-family: var(--font-mono); font-weight: 600; letter-spacing: 0.06em; font-size: 0.8125rem; }
.q__text, .display { text-transform: none; }
.progress > span { background: var(--button); }
.points li::before { border-radius: 50%; }
.btn--ghost.btn:not(:first-child) { border-color: var(--fg); }
.done__mark { background: var(--accent); }
.brand__mark { height: 0.9rem; }
.brand__word { font-weight: 700; letter-spacing: -0.02em; }
/* Red is "you", never "wrong": focus is the PTT blue, and Doto dots need weight to read at this size. */
.input:focus { border-color: var(--button); box-shadow: 0 0 0 1px var(--button); }
:focus-visible { outline-color: var(--button); }
.count, .kicker, .label { font-weight: 800; font-size: 0.9375rem; color: var(--fg); }