@font-face{font-family:Oswald;src:url(/fonts/Oswald-variable.woff2) format("woff2");font-weight:200 700;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-variable.woff2) format("woff2");font-weight:100 1000;font-display:swap}:root{--navy: #141a29;--creme: #e8e0d4;--oranje: #e8873a;--achtergrond: var(--navy);--vlak: #1b2234;--invoer: #10151f;--tekst: var(--creme);--zacht: #9ea3ad;--rand: rgba(232, 224, 212, .22);--accent: var(--creme);--accent-tekst: var(--navy);--actief: var(--oranje);--gevaar: #f2857d;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5;color:var(--tekst);background:var(--achtergrond);color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--achtergrond)}main{max-width:760px;margin:0 auto;padding:16px 16px 64px}main.smal{max-width:420px;padding-top:48px}h1,h2,.merk,.tab{font-family:Oswald,DM Sans,sans-serif;letter-spacing:.01em}h1{font-size:1.9rem;font-weight:700;margin:8px 0 16px;text-transform:uppercase;line-height:1.05}h2{font-size:1.2rem;font-weight:600;margin:0 0 4px;text-transform:uppercase}h2 .zacht{font-family:DM Sans,sans-serif;text-transform:none;font-weight:400}.klein-tekst{font-size:.8rem}a{color:inherit}code{font-size:.9em}.balk{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--rand);background:var(--vlak);position:sticky;top:0;z-index:10}.merk{font-weight:700;text-decoration:none;text-transform:uppercase;font-size:1.05rem}.merk:after{content:"";display:inline-block;width:18px;height:3px;background:var(--oranje);margin-left:8px;vertical-align:middle}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:0;padding:16px;margin:0 0 16px;display:flex;flex-direction:column;gap:12px}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--zacht)}label>input,label>select,label>textarea{color:var(--tekst)}fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}legend{font-size:.9rem;color:var(--zacht);margin-bottom:4px}input,select,textarea{font:inherit;font-size:1rem;padding:10px 12px;border-radius:8px;border:1px solid var(--rand);background:var(--invoer);color:var(--tekst);width:100%}textarea{min-height:64px;resize:vertical}button{font:inherit;font-weight:700;padding:11px 20px;border-radius:55px;cursor:pointer;border:1px solid var(--oranje);background:var(--oranje);color:var(--navy)}button:disabled{opacity:.45;cursor:default}button.tweede{background:transparent;color:var(--tekst);border-color:var(--rand)}button.link{background:none;border:0;padding:4px;color:var(--tekst);text-decoration:underline;font-weight:500}button.gevaar,.gevaar{color:var(--gevaar)}.klein{font-size:.8rem;padding:6px 8px;width:auto}.knoppen{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.zacht{color:var(--zacht)}.fout{color:var(--gevaar)}.melding{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--accent);color:var(--accent-tekst);padding:8px 16px;border-radius:999px}.lijst{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px}.rij{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--vlak);border:1px solid var(--rand);border-radius:0;padding:12px;text-decoration:none}.rij-link{text-decoration:none;flex:1}.acties{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.rij-invoer{display:flex;gap:8px;align-items:center}.rij-invoer>select{width:auto}.label{font-size:.75rem;padding:2px 8px;border-radius:999px;border:1px solid var(--rand);color:var(--zacht);white-space:nowrap}.label.actief{border-color:var(--actief);color:var(--actief)}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}.tab{background:var(--vlak);color:var(--tekst);border:1px solid var(--rand);border-radius:0;padding:8px 4px;line-height:1.2;font-weight:600}.tab .klein{font-family:DM Sans,sans-serif;font-weight:400;padding:0}.tab.actief{background:var(--creme);color:var(--navy);border-color:var(--creme);box-shadow:inset 0 -3px 0 var(--oranje)}.schakelaar{display:inline-flex;border:1px solid var(--rand);border-radius:55px;overflow:hidden;align-self:flex-start}.schakelaar button{border:0;border-radius:0;background:transparent;color:var(--tekst)}.schakelaar button.actief{background:var(--creme);color:var(--navy)}.oefening{border-top:1px solid var(--rand);padding-top:12px;display:flex;flex-direction:column;gap:10px}.oefening .kop{display:flex;align-items:center;gap:8px}.oefening .kop .acties{margin-left:auto}.raster{display:grid;grid-template-columns:1fr 1fr;gap:10px}.varianten{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.varianten .rij-invoer{width:100%}.vinkje{flex-direction:row;align-items:center;gap:8px}.vinkje input{width:auto}@media(max-width:560px){.raster{grid-template-columns:1fr}.rij-invoer{flex-wrap:wrap}.rij-invoer>input{flex:1 1 100%}.rij{flex-wrap:wrap}}button.tweede{background:transparent;color:var(--creme);border-color:var(--rand)}.melding{background:var(--creme);color:var(--navy)}.links{align-self:flex-start;text-align:left}.opzet{display:grid;grid-template-columns:2fr 1fr;gap:10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--oranje);outline-offset:-1px}@media(max-width:560px){.opzet{grid-template-columns:1fr}}.keuzes{display:flex;flex-wrap:wrap;gap:6px}.keuze{background:transparent;color:var(--creme);border:1px solid var(--rand);padding:6px 12px;font-weight:500;font-size:.9rem}.keuze.aan{background:var(--creme);color:var(--navy);border-color:var(--creme);font-weight:700}.menu{display:flex;gap:14px;align-items:center}.menu a{text-decoration:none;color:var(--zacht);font-weight:600}.menu a.active{color:var(--creme);box-shadow:inset 0 -2px 0 var(--oranje)}.kiezer{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--rand);padding-top:12px}.treffers{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.treffer,.rij-knop{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--invoer);color:var(--creme);border:1px solid var(--rand);border-radius:0;font-weight:500}.treffer:hover,.rij-knop:hover{border-color:var(--creme)}