:root{--han:#e50056;--ink:#000;--paper:#fff;--wash:#f2f2f0;--grijs:#454545;--acc2:#ffe1ec;--goed:#0038ff;--goed2:#dce4ff;--mens:#8a6a00;--mens2:#ffe875;--extern:#6b21d9;--extern2:#e9dbff;--groen:#0a8f4d;--bw:3px;--sh:5px 5px 0 var(--ink);--f:"Avenir Next","Avenir","Nunito Sans","Segoe UI",Helvetica,Arial,sans-serif;--fm:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--wash);color:var(--ink);font:18px/1.5 var(--f);-webkit-font-smoothing:antialiased;margin:0}:where(a,button,input,textarea,summary):focus-visible{outline:4px solid var(--han);outline-offset:3px}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;font-weight:800;line-height:1.1}h1{margin:0 0 12px;font-size:clamp(28px,5vw,44px)}h2{margin:28px 0 10px;font-size:clamp(22px,3.4vw,30px)}p{max-inline-size:68ch}.kop{background:var(--ink);color:var(--paper);padding:10px 16px}.kop a{color:var(--paper);font:700 14px/1.2 var(--fm);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.kop b{color:var(--han)}.pagina{max-inline-size:1180px;margin:0 auto;padding:24px 16px 80px;overflow-x:clip}.inleiding{font-size:20px;font-weight:600}.kaart{background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--sh);margin:0 0 18px;padding:16px 18px}.blok-opdracht{background:var(--mens2);border:var(--bw) solid var(--ink);box-shadow:var(--sh);margin:0 0 18px;padding:16px 18px}.blok-vraag{background:var(--extern2);border:var(--bw) solid var(--ink);border-top:9px solid var(--extern);margin:0 0 18px;padding:14px 18px}.etiket{background:var(--ink);color:var(--paper);font:700 12px/1 var(--fm);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;padding:6px 9px 5px;display:inline-block}.knop{font:700 17px/1.2 var(--f);background:var(--paper);color:var(--ink);border:var(--bw) solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;text-align:left;padding:10px 16px}.knop:hover{background:var(--wash)}.knop[aria-pressed=true]{background:var(--ink);color:var(--paper)}.knop:disabled{opacity:.45;cursor:not-allowed}.knop[aria-disabled=true]{cursor:default;box-shadow:none}.knop[aria-disabled=true]:hover{background:var(--paper)}.knop--primair{background:var(--han);color:var(--paper)}.knop--primair:hover{background:#c40049}.knop--stil{box-shadow:none;border-width:2px;font-size:15px}.opties{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.opties--kolom{flex-direction:column;align-items:stretch}.tegels{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0 28px;padding:0;list-style:none;display:grid}.tegel{background:var(--paper);border:var(--bw) solid var(--ink);min-height:150px;box-shadow:var(--sh);color:inherit;gap:8px;padding:18px;text-decoration:none;display:grid}.tegel-naam{font-size:22px;font-weight:800;line-height:1.15}.tegel-voortgang{font:600 14px/1.3 var(--fm);color:var(--grijs)}.balk{background:var(--wash);border:2px solid var(--ink);block-size:10px}.balk>span{background:var(--han);block-size:100%;display:block}.stappenlijst{gap:12px;padding:0;list-style:none;display:grid}.stappenlijst a{background:var(--paper);border:var(--bw) solid var(--ink);color:inherit;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:700;text-decoration:none;display:flex}.stappenlijst .vink{color:var(--groen);font-weight:800}.twee-kolommen{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (width>=900px){.twee-kolommen{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}.feedback{border:var(--bw) solid var(--ink);margin:12px 0;padding:12px 16px}.feedback--goed{background:var(--goed2);border-color:var(--goed)}.feedback--fout{background:var(--acc2);border-color:var(--han)}.casus{background:var(--paper);border:var(--bw) solid var(--ink);overflow-wrap:anywhere;padding:8px 18px 14px}.casus h3{font-size:16px;font:700 13px/1.2 var(--fm);letter-spacing:.14em;text-transform:uppercase;margin:16px 0 6px}.casus p{margin:0}.zin{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;margin:0;padding:1px 2px;display:inline}.zin:hover{background:var(--mens2)}.zin[aria-pressed=true]{background:var(--ink);color:var(--paper)}.zin--goed,.zin--goed[aria-pressed=true]{background:var(--goed2);color:var(--ink);outline:2px solid var(--goed)}.zin--fout,.zin--fout[aria-pressed=true]{background:var(--acc2);color:var(--ink);outline:2px solid var(--han)}.zin--goed[aria-pressed=true],.zin--fout[aria-pressed=true]{outline-width:3px;text-decoration:underline;text-decoration-thickness:2px}.score-knoppen{gap:8px;margin:6px 0 10px;display:flex}.score-knoppen .knop{text-align:center;min-inline-size:52px;padding:6px 12px}table.rubric{border-collapse:collapse;background:var(--paper);inline-size:100%;font-size:16px}table.rubric th,table.rubric td{border:2px solid var(--ink);vertical-align:top;text-align:left;padding:8px 10px}.tabel-schuif{overflow-x:auto}.diagram svg{block-size:auto;inline-size:100%;display:block}.uitleg{margin:0 0 24px}.tekstversie{margin-top:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.leeruitkomsten{gap:8px;max-inline-size:72ch;padding-left:1.2em;display:grid}.leeruitkomsten a{margin-right:4px;font-weight:800}.vierstappen{counter-reset:stap;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:0;list-style:none;display:grid}.vierstappen li{counter-increment:stap;background:var(--paper);border:var(--bw) solid var(--ink);padding:14px 16px;font-size:16px}.vierstappen li:before{content:counter(stap) " · ";font:800 18px/1 var(--f);color:var(--han)}.vierstappen b{margin:4px 0;font-size:19px;display:block}.niveaus{gap:8px;margin:8px 0 20px;padding:0;font-size:16px;list-style:none;display:grid}.niveau{font:700 12px/1 var(--fm);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--ink);background:var(--nk,var(--wash));color:var(--ink);padding:6px 8px 5px;display:inline-block}.beslisvraag--strategisch{--nk:#ffd3e2}.beslisvraag--tactisch{--nk:var(--mens2)}.beslisvraag--operationeel{--nk:var(--goed2)}.traject{gap:0;margin:12px 0 32px;padding:0;list-style:none;display:grid}.traject-station{background:var(--paper);border:var(--bw) solid var(--ink);box-shadow:var(--sh);padding:18px 20px}.traject-kop{align-items:flex-start;gap:14px;display:flex}.traject-nummer{background:var(--ink);block-size:44px;inline-size:44px;color:var(--paper);font:800 22px/1 var(--f);flex:none;place-items:center;display:grid}.traject-onderdeel{font:700 13px/1.2 var(--fm);letter-spacing:.12em;text-transform:uppercase;color:var(--grijs)}.traject-kop h3{margin:4px 0 6px;font-size:clamp(20px,3vw,26px)}.traject-lu{margin:10px 0}.traject-brug{background:var(--wash);border-top:2px dashed var(--ink);max-inline-size:none;margin:16px -20px -18px;padding:12px 20px 14px 48px;font-size:16px;position:relative}.traject-brug:before{content:"↓";font:800 22px/1 var(--f);color:var(--han);position:absolute;top:9px;left:18px}.traject-station+.traject-station{margin-top:18px}.beslisvragen{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:8px 0;display:grid}.beslisvraag{background:var(--extern2);border:2px solid var(--ink);border-top:7px solid var(--extern);padding:10px 12px}.beslisvraag p{margin:6px 0 0}.beslisvraag-wie{color:var(--grijs);font-size:14px}.beslisvraag-vraag{font-weight:700}.beslisvraag-model{font:600 13px/1.3 var(--fm)}.onderdeel-kop{margin-bottom:8px}
