:root{--achtergrond:#f6f7f9;--vlak:#fff;--tekst:#1b2430;--zacht:#5b6676;--rand:#d9dee5;--rood:#c8102e;--rood-donker:#9e0b23;--rood-zacht:#fdecee;--op-rood:#fff;--kop:#c8102e;--op-kop:#fff;--link:#9e0b23;--goed:#13795b;--goed-zacht:#e3f4ec;--fout:#b5121b;--fout-zacht:#fdecea;--letop:#b4530b;--letop-zacht:#fdf1e7;--geel:#f2b705;--schaduw:0 1px 2px #1b24300f, 0 2px 8px #1b24300d;--radius:14px;--onderbalk:4.25rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--achtergrond:#11161d;--vlak:#1b222c;--tekst:#e8edf3;--zacht:#9aa6b5;--rand:#2e3846;--rood:#ff8a80;--rood-donker:#ffb4ab;--rood-zacht:#3a1f22;--op-rood:#11161d;--kop:#8e0b20;--op-kop:#fff;--link:#ff8a80;--goed:#4cc79a;--goed-zacht:#143428;--fout:#ff8a80;--fout-zacht:#3a1d1b;--letop:#f5a35c;--letop-zacht:#3a2a17;--geel:#f2c94c;--schaduw:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--achtergrond);color:var(--tekst);padding-bottom:calc(var(--onderbalk) + env(safe-area-inset-bottom));margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:1.125rem;line-height:1.5}.kop{background:var(--kop);color:var(--op-kop);padding:calc(.5rem + env(safe-area-inset-top)) 1rem .5rem}.merk{min-height:2.25rem;color:inherit;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:800;text-decoration:none;display:inline-flex}.merk .icoon{width:1.5rem;height:1.5rem}.kop :focus-visible{outline-color:var(--op-kop)}main{outline:none;max-width:42.5rem;margin:0 auto;padding:1rem}h1{margin:.5rem 0 1rem;font-size:1.625rem;line-height:1.25}h2{margin:1.5rem 0 .625rem;font-size:1.3125rem;line-height:1.3}h2.klein{color:var(--zacht);margin:1.125rem 0 .5rem;font-size:1.0625rem}h3{margin:0 0 .375rem;font-size:1.1875rem}a{color:var(--link)}.zacht{color:var(--zacht);font-size:1rem}.bovenkop{color:var(--zacht);margin:.5rem 0 .375rem;font-size:.9375rem;font-weight:600}.icoon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25em;height:1.25em}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);color:inherit;margin:0 0 .75rem;padding:1rem;text-decoration:none;display:block}a.kaart{transition:transform .12s,border-color .12s}a.kaart:hover{border-color:var(--rood)}a.kaart:active{transform:scale(.99)}.leeg{text-align:center;color:var(--zacht)}.rij{align-items:center;gap:.875rem;min-height:4.5rem;display:flex}.rij-teken{background:var(--rood-zacht);width:3rem;height:3rem;color:var(--rood);border-radius:50%;flex:none;place-items:center;display:grid}.rij-teken .icoon{width:1.5rem;height:1.5rem}.rij-tekst{flex:1;gap:.125rem;min-width:0;display:grid}.rij-tekst strong{font-size:1.1875rem;line-height:1.3}.rij-tekst .label{justify-self:start;margin-top:.25rem}.rij-pijl{color:var(--zacht);width:1.5rem;height:1.5rem}.held{text-align:center;margin:.25rem 0 1.25rem}.held h1{margin:.25rem 0}.held p{max-width:30rem;margin:0 auto}.held-tekening{max-width:20rem;margin:0 auto}.herhaal{background:var(--rood);color:var(--op-rood);border-color:var(--rood)}.herhaal .rij-teken{color:var(--op-rood);background:#ffffff2e}.herhaal .rij-tekst strong{font-size:1.25rem}.herhaal .rij-pijl{color:var(--op-rood)}a.herhaal:hover{border-color:var(--rood-donker)}.herhaal.klaar{background:var(--goed-zacht);color:var(--tekst);border-color:var(--rand)}.herhaal.klaar .rij-teken{background:var(--vlak);color:var(--goed)}.herhaal.klaar .rij-pijl{color:var(--zacht)}.hoofdstuk{color:var(--zacht);font-size:1.0625rem}.onderwerpen{margin:0;padding:0;list-style:none}.keuzes{gap:.625rem;display:grid}.keuze{margin:0}.keuze .rij-tekst strong{color:var(--tekst)}.keuze.uit{opacity:.6}.keuze.uit .rij-teken{background:var(--achtergrond);color:var(--zacht)}.terug{align-items:center;gap:.375rem;min-height:3rem;padding:.5rem 0;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.knop{border:2px solid var(--rood);background:var(--rood);width:100%;min-height:3.5rem;color:var(--op-rood);font:inherit;text-align:center;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin:.75rem 0 0;padding:.75rem 1.125rem;font-weight:700;text-decoration:none;transition:background-color .12s,transform .12s;display:flex}.knop:hover{background:var(--rood-donker);border-color:var(--rood-donker)}.knop:active{transform:scale(.98)}.knop.tweede{background:var(--vlak);color:var(--link);border-color:var(--rand)}.knop.tweede:hover{border-color:var(--rood)}.knop.goed{background:var(--goed);border-color:var(--goed);color:#fff}.knop.fout{background:var(--vlak);border-color:var(--fout);color:var(--fout)}.knop.twijfel{background:var(--vlak);border-color:var(--rand);color:var(--tekst)}.knop.gevaar{color:var(--fout);border-color:var(--fout);background:0 0}.knop:disabled{opacity:.5;cursor:default;transform:none}@media (prefers-color-scheme:dark){.knop.goed{color:#11161d}}:focus-visible{outline:3px solid var(--rood);outline-offset:2px}.vast{bottom:calc(var(--onderbalk) + env(safe-area-inset-bottom) + .5rem);z-index:5;position:sticky;box-shadow:0 6px 16px #1b24302e}.knoppenrij.vast{box-shadow:none;background:var(--vlak);padding-top:.25rem}.knoppenrij{grid-template-columns:1fr 1fr;gap:.625rem;display:grid}.knoppenrij .knop{margin-top:.75rem}.knoppenrij.drie{grid-template-columns:repeat(3,1fr);gap:.5rem}.knoppenrij.drie .knop{flex-direction:column;gap:.125rem;padding:.5rem .25rem;font-size:1rem;line-height:1.2}.keuzelijst{gap:.625rem;margin:.75rem 0;display:grid}.keuze-knop,.stap-knop{border:2px solid var(--rand);background:var(--vlak);width:100%;min-height:3.5rem;color:var(--tekst);font:inherit;text-align:left;cursor:pointer;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;transition:border-color .12s;display:flex}.keuze-knop:hover:not(:disabled){border-color:var(--rood)}.keuze-knop:disabled,.stap-knop:disabled{cursor:default}.keuze-tekst{flex:1}.letter{background:var(--achtergrond);border:1px solid var(--rand);border-radius:50%;flex:none;place-items:center;width:1.75rem;height:1.75rem;margin-top:.0625rem;font-size:.9375rem;font-weight:700;display:grid}.keuze-knop.gekozen{border-color:var(--tekst)}.keuze-knop.goed,.stap-knop.goed{border-color:var(--goed);background:var(--goed-zacht)}.keuze-knop.fout,.stap-knop.fout{border-color:var(--fout);background:var(--fout-zacht)}.keuze-knop.goed .letter{background:var(--goed);border-color:var(--goed);color:var(--vlak)}.keuze-knop.fout .letter{background:var(--fout);border-color:var(--fout);color:var(--vlak)}.keuze-uitleg{color:var(--zacht);margin-top:.375rem;font-size:1rem;display:block}.keuze-uitleg[hidden]{display:none}.stap-knop .icoon{margin-top:.125rem}.stap-knop.goed .icoon{color:var(--goed)}.stap-knop.fout .icoon{color:var(--fout)}.vraagtekst{margin:.5rem 0;font-size:1.375rem;font-weight:700}.opdracht{margin:.25rem 0}.kaarttekst{white-space:pre-line;margin:.5rem 0 .75rem;font-size:1.375rem}.voorkant{font-weight:700}.achterkant:not(:empty){border-top:2px dashed var(--rand);padding-top:.75rem}.situatie,.uitleg,.modelantwoord{white-space:pre-line}.situatie{background:var(--rood-zacht);border-left:4px solid var(--rood);border-radius:0 10px 10px 0;padding:.75rem}.oordeel{border:2px solid;border-radius:10px;align-items:center;gap:.625rem;margin:.875rem 0 .25rem;padding:.625rem .75rem;font-size:1.125rem;display:flex}.oordeel strong{font-size:1.25rem}.oordeel.goed{color:var(--goed);border-color:var(--goed);background:var(--goed-zacht)}.oordeel.fout{color:var(--fout);border-color:var(--fout);background:var(--fout-zacht)}.oordeel-teken{width:2rem;height:2rem;color:var(--vlak);border-radius:50%;flex:none;place-items:center;display:grid}.oordeel.goed .oordeel-teken{background:var(--goed)}.oordeel.fout .oordeel-teken{background:var(--fout)}.oordeel-teken .icoon{stroke-width:3px}.alarm{background:var(--letop-zacht);border:2px solid var(--letop);border-radius:10px;align-items:flex-start;gap:.75rem;margin:.75rem 0;padding:.75rem;display:flex}.alarm p{white-space:pre-line;margin:0}.alarm-teken{background:var(--letop);width:2.25rem;height:2.25rem;color:var(--vlak);border-radius:50%;flex:none;place-items:center;display:grid}.bron{color:var(--zacht);align-items:flex-start;gap:.375rem;margin:.625rem 0 0;font-size:.9375rem;display:flex}.bron .icoon{margin-top:.125rem}.bron-inline{font-style:italic}.label{background:var(--achtergrond);border:1px solid var(--rand);color:var(--tekst);border-radius:999px;margin:0 .375rem .375rem 0;padding:.125rem .625rem;font-size:.9375rem;font-weight:600;display:inline-block}.label-getraind{background:var(--letop-zacht);border-color:var(--letop)}.kaart-labels{margin-bottom:.25rem}.balk{background:var(--rand);border-radius:999px;height:.5rem;margin:0 0 .875rem;overflow:hidden}.balk span{background:var(--rood);border-radius:999px;height:100%;transition:width .18s;display:block}.balk.klein{height:.375rem;margin:.375rem 0 0}.balk.klein span{background:var(--goed)}.volgorde,.juiste-volgorde{margin:.5rem 0;padding-left:1.75rem}.volgorde li{margin-bottom:.5rem}.volgorde li::marker{font-weight:700}.einde{text-align:center}.einde-tekening{max-width:10rem;margin:0 auto .25rem}.tekening svg{width:100%;height:auto;display:block}.il-zacht{fill:var(--rood-zacht)}.il-rood{fill:var(--rood)}.il-rood-lijn{stroke:var(--rood)}.il-wit{fill:#fff}.il-wit-lijn{stroke:#fff}.il-vlak{fill:var(--vlak)}.il-rand{stroke:var(--rand);stroke-width:2px}.il-grijs{fill:var(--rand)}.il-donker{fill:#1b2430}.il-groen{fill:#13795b}.il-groen-lijn{stroke:#13795b}.il-geel{fill:var(--geel)}.il-tekst{fill:#c8102e;font:800 20px system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}@media (prefers-color-scheme:dark){.il-donker{fill:#3a4555}.il-wit-lijn{stroke:#11161d}}.bakjes{grid-template-columns:repeat(6,1fr);gap:.375rem;display:grid}.bakje{text-align:center;background:var(--rood-zacht);border-radius:8px;padding:.375rem 0}.bakje strong{font-size:1.25rem;display:block}.bakje span{color:var(--zacht);font-size:.9375rem}.verborgen{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.bestand-knop{position:relative}.melding-inline:not(:empty){margin-top:.75rem;font-weight:600}.waarschuwing{background:var(--fout-zacht);color:var(--fout);border-radius:10px;padding:.75rem}.lesstof section{margin-bottom:.5rem}.lesstof h2{align-items:center;gap:.5rem;display:flex}.lesstof h2:before{content:"";background:var(--rood);border-radius:3px;flex:none;width:.375rem;height:1.25rem}.tekst ul,.tekst ol{padding-left:1.5rem}.tekst li{margin-bottom:.375rem}.tekst li::marker{color:var(--rood);font-weight:700}.tekst .tabel{overflow-x:auto}.tekst table{border-collapse:collapse;width:100%;font-size:1rem}.tekst th,.tekst td{border:1px solid var(--rand);text-align:left;vertical-align:top;padding:.375rem .5rem}.tekst th{background:var(--rood-zacht)}.callout{border-left:4px solid var(--rood);background:var(--rood-zacht);border-radius:0 10px 10px 0;margin:.75rem 0;padding:.25rem .875rem}.callout-titel{font-weight:700}mark{color:#3d2e00;background:#fff1b8}.beeld,.video{margin:.75rem 0}.beeld img{border:1px solid var(--rand);background:#fff;border-radius:12px;width:100%;height:auto;display:block}.beeld figcaption,.video figcaption{color:var(--zacht);margin-top:.375rem;font-size:.9375rem}.video-kader{background:#000;border-radius:12px;padding-top:56.25%;position:relative;overflow:hidden}.video-kader iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.voet{border-top:1px solid var(--rand);color:var(--zacht);margin:2rem 0 .5rem;padding-top:1rem;font-size:.9375rem}.voet p{margin:0 0 .375rem}.voet-status[hidden]{display:none}.voet-status{align-items:center;gap:.375rem;font-weight:600;display:flex}.onderbalk{z-index:10;background:var(--vlak);border-top:1px solid var(--rand);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.onderbalk a{min-height:var(--onderbalk);color:var(--zacht);flex-direction:column;justify-content:center;align-items:center;gap:.125rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex;position:relative}.onderbalk .icoon{width:1.5rem;height:1.5rem}.onderbalk a[aria-current=page]{color:var(--rood)}.onderbalk a[aria-current=page]:before{content:"";background:var(--rood);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:25%;right:25%}.teller{background:var(--rood);min-width:1.5rem;height:1.5rem;color:var(--op-rood);text-align:center;border-radius:999px;padding:0 .35rem;font-size:.9375rem;font-weight:700;line-height:1.5rem;position:absolute;top:.375rem;left:calc(50% + .5rem)}@media (width>=700px){.keuzes{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}a.kaart:active,.knop:active{transform:none}}.advies{background:var(--letop-zacht);color:var(--tekst);border-left:4px solid var(--letop);border-radius:8px;align-items:flex-start;gap:.375rem;margin-top:.25rem;padding:.375rem .625rem;font-size:.9375rem;line-height:1.4;display:flex}.advies .icoon{width:1.125rem;height:1.125rem;color:var(--letop);flex:none;margin-top:.1rem}.mix{margin-top:.75rem}.label-soort{border-color:var(--rood);color:var(--rood);align-items:center;gap:.3rem;display:inline-flex}.label-soort .icoon{width:1rem;height:1rem}.gemengd{margin-top:.75rem}.gemengd.dicht{border-style:dashed}.gemengd.dicht .rij-teken{background:var(--achtergrond);color:var(--zacht)}.nieuwe-versie{left:.75rem;right:.75rem;bottom:calc(var(--onderbalk) + env(safe-area-inset-bottom) + .5rem);z-index:20;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.625rem .75rem .625rem 1rem;font-weight:600;display:flex;position:fixed;box-shadow:0 6px 16px #1b24302e}.nieuwe-versie span{flex:1}.nieuwe-versie .knop{flex:none;width:auto;margin:0;padding-inline:1rem}.lees-tip{background:var(--letop-zacht);border-left:4px solid var(--letop);border-radius:10px;margin:.875rem 0 .25rem;padding:.75rem .875rem}.lees-tip p{margin:.25rem 0}.lees-tip-kop{align-items:center;gap:.4rem;display:flex}.lees-tip-kop .icoon,.lees-lijst h2 .icoon{width:1.25rem;height:1.25rem;color:var(--letop);flex:none}.lees-tip .knoppenrij .knop{margin-top:.5rem}.knop.klein{gap:.375rem;min-height:3rem;padding:.5rem .625rem;font-size:1rem}.knop.klein .icoon{width:1.125rem;height:1.125rem}.lesstof-paneel{background:var(--vlak);border:1px solid var(--rand);border-radius:10px;max-height:60vh;margin-top:.75rem;padding:.25rem .75rem .5rem;overflow-y:auto}.lesstof-paneel h3{margin:.625rem 0 .25rem;font-size:1.0625rem}.lees-link{color:var(--link);align-items:center;gap:.375rem;min-height:2.75rem;margin:.5rem 0 0;font-weight:600;display:inline-flex}.lees-link .icoon{width:1.125rem;height:1.125rem}.gemarkeerd{background:var(--letop-zacht);outline:2px solid var(--letop);outline-offset:2px;border-radius:6px;scroll-margin:5rem}.markering-label{color:var(--letop);align-items:center;gap:.3rem;margin-bottom:.125rem;font-size:.875rem;font-weight:700;display:flex}.markering-label .icoon{width:1rem;height:1rem}.lees-lijst{text-align:left;margin-top:.75rem}.lees-lijst.start{border-left:4px solid var(--letop)}.lees-lijst h2{color:var(--tekst);align-items:center;gap:.4rem;margin-top:.25rem;display:flex}.lees-lijst ul{margin:.5rem 0 0;padding:0;list-style:none}.lees-lijst li+li{border-top:1px solid var(--rand)}.lees-lijst a{min-height:3rem;color:var(--link);flex-direction:column;gap:.125rem;padding:.625rem 0;text-decoration:none;display:flex}.lees-lijst a strong{color:var(--link)}
