:root{--papier: #ffffff;--ruitjes: #e8edf1;--inkt: #1f2a37;--inkt-zacht: #5b6775;--accent: #1e6b5c;--accent-zacht: #e4f1ed;--notitie: #fff3c4;--font-kop: "Iowan Old Style", "Charter", Georgia, serif;--font-tekst: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--rand: 2px;--schaduw: 4px 4px 0 var(--inkt)}*{box-sizing:border-box}html,body{margin:0}body{background-color:var(--papier);background-image:linear-gradient(var(--ruitjes) 1px,transparent 1px),linear-gradient(90deg,var(--ruitjes) 1px,transparent 1px);background-size:24px 24px;color:var(--inkt);font-family:var(--font-tekst);font-size:1.0625rem;line-height:1.55;min-height:100vh}.app{min-height:100vh;padding:env(safe-area-inset-top,0) 1.25rem env(safe-area-inset-bottom,0)}.kop{max-width:38rem;margin:0 auto;padding:1.5rem 0 .5rem}.kop-titel{margin:0;font-family:var(--font-kop);font-size:1rem;color:var(--inkt-zacht)}.inhoud{max-width:38rem;margin:0 auto;padding-bottom:3rem}.stap{background:var(--papier);border:var(--rand) solid var(--inkt);box-shadow:var(--schaduw);padding:1.75rem 1.5rem;margin-top:1rem;animation:verschijn .22s ease-out}@keyframes verschijn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stap--uitkomst{border:10px solid transparent;border-image:repeating-linear-gradient(45deg,var(--inkt) 0 6px,var(--papier) 6px 12px) 10;box-shadow:none;background:var(--accent-zacht)}.stap--tussenstap{border-style:dashed}.stap-teller{margin:0 0 .5rem;font-size:.9rem;color:var(--inkt-zacht)}.stap h1{margin:0;font-family:var(--font-kop);font-size:clamp(1.4rem,1.1rem + 1.4vw,1.9rem);line-height:1.25;font-weight:600}.stap h1:focus{outline:none}.stap h1:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.stap-tekst{margin:1rem 0 0;max-width:65ch}.notitie{margin:1.25rem 0 0;padding:.75rem 1rem;background:var(--notitie);border:var(--rand) solid var(--inkt);border-radius:1.25rem;font-style:italic}.keuzes{display:grid;gap:.75rem;margin-top:1.5rem}.keuze{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:3.25rem;padding:.8rem 1rem;text-align:left;font:inherit;font-weight:600;color:var(--inkt);background:var(--papier);border:var(--rand) solid var(--inkt);box-shadow:3px 3px 0 var(--inkt);cursor:pointer;transition:transform 80ms,box-shadow 80ms,background-color 80ms}.keuze:hover{background:var(--accent-zacht)}.keuze:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--inkt)}.keuze:focus-visible,.knop-stil:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.navigatie{display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:1.25rem}.knop-stil{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem 0;font:inherit;color:var(--inkt);background:none;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.route{margin-top:2.5rem}.route h2{font-family:var(--font-kop);font-size:1.2rem;margin:0 0 .75rem}.route ol{margin:0;padding-left:1.5rem}.route li{margin-bottom:.75rem}.route-vraag{display:block;color:var(--inkt-zacht);font-size:.95rem}.route-antwoord{display:block;font-weight:600}@media (prefers-reduced-motion: reduce){.stap{animation:none}.keuze{transition:none}}