:root{--bg: hsl(43 47% 96%);--kaart: hsl(43 45% 98%);--rand: hsl(39 31% 85%);--inkt: hsl(145 15% 14%);--inkt-zacht: hsl(138 7% 26%);--knop: hsl(152 46% 81%);--knop-tekst: hsl(161 55% 16%);--knop-inkt: hsl(161 51% 25%);--knop-midden: hsl(152 40% 58%);--op-vak: #13281b;--quiz: hsl(48 92% 86%);--op-quiz: #3a2a00;--uitleg: hsl(222 90% 85%);--schrijf: hsl(262 75% 89%);--goed-bg: hsl(151 61% 90%);--bijna-bg: hsl(48 100% 86%);--nognet-bg: hsl(210 89% 92%);--markeer: hsl(51 85% 72%);--markeer-zin: hsl(47 100% 92%);--onderstreep: hsl(42 52% 47%);--v0: hsl(151 61% 88%);--v1: hsl(210 89% 89%);--v2: hsl(22 96% 88%);--v3: hsl(260 80% 91%);--v4: hsl(48 100% 84%);--v5: hsl(330 77% 91%);--v6: hsl(185 60% 86%);--v7: hsl(85 60% 86%);--v8: hsl(35 60% 87%);--v9: hsl(235 80% 91%);--k-college: var(--v0);--k-stof: var(--v1);--k-overhoren: var(--v4);--k-podcast: var(--v3);--k-toets: var(--v5);--k-schrijven: var(--v6);--k-vandaag: var(--v8);--k-vak: var(--kaart);--k-neutraal: hsl(39 31% 90%);--letter: Nunito, Verdana, sans-serif;--grootte: 19px;--letterafstand: normal;--woordafstand: normal;--regel: 1.5;color-scheme:light}:root[data-achtergrond=perzik]{--bg: hsl(32 62% 81%);--kaart: hsl(33 70% 89%);--rand: hsl(32 45% 70%)}:root[data-achtergrond=wit]{--bg: #fff;--kaart: hsl(40 20% 97%);--rand: hsl(40 10% 88%)}:root[data-achtergrond=donker]{--bg: hsl(145 12% 9%);--kaart: hsl(145 10% 13%);--rand: hsl(145 8% 22%);--inkt: hsl(43 40% 92%);--inkt-zacht: hsl(43 15% 75%);--knop: hsl(161 45% 55%);--knop-tekst: hsl(145 15% 10%);--knop-inkt: hsl(161 45% 60%);--knop-midden: hsl(161 45% 55%);--markeer: hsl(51 70% 34%);--markeer-zin: hsl(48 30% 18%);color-scheme:dark}:root[data-letter=verdana]{--letter: Verdana, "Verdana Pro", Tahoma, sans-serif}:root[data-letter=arial]{--letter: Arial, Helvetica, sans-serif}:root[data-ruimte=ruim]{--letterafstand: .12em;--woordafstand: .42em;--regel: 1.6}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--inkt)}body{font-family:var(--letter);font-size:var(--grootte);line-height:var(--regel);-webkit-text-size-adjust:100%}em,i{font-style:normal;font-weight:800}button,input,textarea,select{font:inherit;color:inherit}.leesletter{letter-spacing:var(--letterafstand);word-spacing:var(--woordafstand);line-height:var(--regel)}.app{min-height:100dvh}.inhoud{width:100%;max-width:720px;margin:0 auto;padding:20px 16px 130px;display:flex;flex-direction:column;gap:16px}h1{font-size:1.55em;line-height:1.2;margin:0;font-weight:900}h2{font-size:1.2em;margin:8px 0 0;font-weight:800}.kop{display:flex;align-items:center;justify-content:space-between;gap:12px}.stil{color:var(--inkt-zacht);margin:0}.inhoud>p,.paneel>p{margin:0}.knop{min-height:54px;padding:0 20px;border-radius:16px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-weight:800;background:var(--knop);color:var(--knop-tekst);text-decoration:none}.knop svg{width:1.2em;height:1.2em;flex:none}.knop.vol{width:100%}.knop.rand{background:var(--kaart);color:var(--inkt);border:2px solid var(--rand)}.knop.quiz{background:var(--quiz);color:var(--op-quiz)}.knop.uitleg{background:var(--uitleg);color:var(--op-vak)}.knop.schrijf{background:var(--schrijf);color:var(--op-vak)}.knop.klein{min-height:46px;padding:0 16px}.knop:disabled{opacity:.5;cursor:default}.rond{width:48px;height:48px;border-radius:50%;border:none;display:grid;place-items:center;background:var(--v8);color:var(--op-vak);cursor:pointer}.rond svg{width:24px;height:24px}.rij{display:flex;flex-wrap:wrap;gap:10px}.tegel{width:100%;min-height:92px;display:flex;align-items:center;gap:16px;text-align:left;padding:18px;border-radius:22px;border:none;background:var(--tegel, var(--v0));color:var(--op-vak);cursor:pointer}.tegel.groen{--tegel: var(--knop);color:var(--knop-tekst)}.tegel .ic,.vaktegel .ic,.beeldkaart .ic,.vg-kant .ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#ffffffbf;color:var(--op-vak);flex:none}.tegel .ic svg,.vaktegel .ic svg,.beeldkaart .ic svg,.vg-kant .ic svg{width:26px;height:26px}.tegel strong{display:block;font-size:1.05em;font-weight:800}.tegel small{display:block;font-size:.85em;opacity:.85}.tegel .pijl{margin-left:auto;opacity:.6}.raster{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(min-width:640px){.raster{grid-template-columns:repeat(3,1fr)}}.vaktegel{min-height:150px;padding:16px;border-radius:22px;border:none;background:var(--tegel);color:var(--op-vak);text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px}.vaktegel strong{margin-top:auto;font-weight:800;font-size:.95em;line-height:1.25}.vaktegel small{font-size:max(16px,.8em);opacity:.85}.stofkop{padding:20px;border-radius:22px;background:var(--tegel);color:var(--op-vak)}.stofkop h1{font-size:1.35em}.kern{margin:0;font-weight:800;padding:14px;border-radius:14px;color:var(--inkt);transition:background .25s}.kern.actief{background:var(--quiz);color:var(--op-vak)}.beeldkaart{display:flex;gap:14px;align-items:center;padding:16px;border-radius:20px;background:var(--tegel);color:var(--op-vak);outline:0 solid var(--op-vak);transition:outline-width .2s,transform .2s;position:relative}.beeldkaart.actief{outline-width:3px;transform:scale(1.02)}.beeldkaart.staand{flex-direction:column;text-align:center;min-height:170px;justify-content:center}.beeldkaart strong{display:block;font-weight:800}.beeldkaart small{display:block;font-size:.85em;opacity:.85}.nummer{position:absolute;left:50px;top:8px;width:24px;height:24px;border-radius:50%;background:var(--op-vak);color:#fff;font-size:13px;font-weight:900;display:grid;place-items:center}.pijlomlaag{text-align:center;color:var(--op-vak);opacity:.45;font-size:24px;line-height:1}.stappen{display:flex;flex-direction:column;gap:6px}.onderwerp{align-self:center;display:inline-flex;gap:10px;align-items:center;padding:14px 22px;border-radius:999px;background:var(--knop);color:var(--knop-tekst);font-weight:800;text-align:center}.tijdlijn{display:flex;flex-direction:column}.tl-rij{display:grid;grid-template-columns:22px 1fr;gap:12px}.tl-lijn{display:flex;flex-direction:column;align-items:center}.tl-stip{width:22px;height:22px;border-radius:50%;border:2px solid var(--op-vak);margin-top:14px;flex:none}.tl-streep{width:3px;flex:1;background:#13281b40}.tl-inhoud{display:flex;flex-direction:column;gap:6px;padding-bottom:12px}.jaartal{align-self:flex-start;background:var(--quiz);color:var(--op-vak);font-weight:800;font-size:.85em;padding:3px 12px;border-radius:999px}.notities{display:flex;flex-direction:column;gap:12px}.kort{margin:0;font-weight:800;padding:14px;border-radius:14px;background:#ffe2858c;color:var(--op-vak)}.punten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.punten li{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:start}.punten li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--op-vak);margin-top:.65em}.pagina{font-size:.75em;font-weight:800;padding:2px 9px;border-radius:999px;background:#fff;color:var(--op-vak);white-space:nowrap}.sectie{padding:14px;border-radius:16px;background:var(--tegel);color:var(--op-vak);display:flex;flex-direction:column;gap:10px}.sectie>button{all:unset;cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-weight:800}.begrippen{padding:12px;border-radius:12px;background:#ddcef8b3;font-size:.9em}.begrippen p{margin:0 0 4px}.podcast{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;background:var(--kaart);border:2px solid var(--rand)}.podcast h2{display:flex;align-items:center;gap:8px}.podcast h2 svg{width:22px;height:22px}.podcast h3{margin:4px 0 0;font-size:1em}.podcast audio{width:100%}.beurten{list-style:none;margin:0;padding:3px;display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.beurten li{padding:10px 12px;border-radius:14px;cursor:pointer;background:var(--v1);color:var(--op-vak)}.beurten li.gast{background:var(--v2);margin-left:24px}.beurten li.host{margin-right:24px}.beurten li.nu{outline:3px solid var(--knop-inkt);background:var(--markeer)}.beurten strong{display:block;font-size:.8em}.blok{background:var(--kaart);border:2px solid var(--rand);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px}.blok.actief{border-color:var(--knop-inkt)}.blok p{margin:0;max-width:42ch}@media(min-width:720px){.blok p{max-width:62ch}}.blok.actief p{background:var(--markeer-zin);border-radius:8px}.w.nu{background:var(--markeer);border-radius:4px;box-shadow:0 0 0 2px var(--markeer)}.onderbalk{position:fixed;z-index:8;left:50%;transform:translate(-50%);bottom:calc(8px + env(safe-area-inset-bottom));width:min(560px,calc(100% - 8px));display:flex;padding:4px;background:var(--kaart);border-radius:26px;box-shadow:0 8px 30px #0000001f}.onderbalk button{flex:1 1 0;min-width:max-content;min-height:60px;padding:0 1px;border:none;background:none;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.75em;cursor:pointer;color:var(--inkt)}.onderbalk button svg{width:26px;height:26px}.onderbalk .kort-label{display:none}@media(max-width:440px){.onderbalk .lang-label{display:none}.onderbalk .kort-label{display:inline}.onderbalk{width:calc(100% - 4px);padding:3px}}.onderbalk button.aan{background:#eae4dc;color:var(--knop-inkt);font-weight:800}textarea,input[type=text]{width:100%;border:2px solid var(--rand);background:var(--kaart);border-radius:16px;padding:14px 16px;line-height:var(--regel)}textarea{min-height:220px;resize:vertical}textarea:focus,input:focus{outline:3px solid var(--knop-inkt);outline-offset:1px}.melding{padding:14px 16px;border-radius:14px;background:var(--nognet-bg);display:flex;gap:10px;align-items:center;margin:0}.melding.goed{background:var(--goed-bg)}.melding.bijna{background:var(--bijna-bg)}.laden{display:inline-block;width:1.1em;height:1.1em;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:draai .8s linear infinite;flex:none}.verborgen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.vraagkaart{background:var(--quiz);color:var(--op-quiz);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:12px}.vraagkaart .vraag{font-size:1.3em;font-weight:800;line-height:1.35}.voortgang{display:flex;gap:6px}.voortgang i{flex:1;height:10px;border-radius:5px;background:var(--rand)}.voortgang i.klaar{background:var(--knop-midden)}.mic{width:100%;min-height:96px;border-radius:22px;border:none;cursor:pointer;font-weight:800;font-size:1.1em;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--knop);color:var(--knop-tekst)}.mic.luistert{background:var(--uitleg);color:var(--op-vak)}.mic svg{width:32px;height:32px}.gehoord{min-height:3.2em;padding:14px 16px;border-radius:14px;background:var(--kaart);border:2px dashed var(--rand)}.oordeel{padding:18px;border-radius:18px;display:flex;flex-direction:column;gap:8px}.oordeel.goed{background:var(--goed-bg)}.oordeel.bijna{background:var(--bijna-bg)}.oordeel.nog_niet{background:var(--nognet-bg)}.oordeel strong{font-size:1.15em;display:flex;gap:8px;align-items:center}.oordeel p{margin:0}.check-tekst{white-space:pre-wrap;background:var(--kaart);border:2px solid var(--rand);border-radius:16px;padding:16px}.check-tekst mark{background:none;color:inherit;text-decoration:underline dotted var(--onderstreep);text-decoration-thickness:3px;text-underline-offset:5px}.foutkaart{background:var(--kaart);border:2px solid var(--rand);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.foutkaart.gedaan{opacity:.6}.paar{font-size:1.05em;font-weight:800;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.paar .oud{text-decoration:underline dotted var(--onderstreep);text-decoration-thickness:3px;text-underline-offset:5px}.paar .nieuw{color:var(--knop-inkt)}.foutkaart p{margin:0}.klok{padding:24px;border-radius:22px;text-align:center;color:var(--op-vak);background:var(--v8)}.klok.aan{background:var(--v0)}.klok b{display:block;font-size:52px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1.1}.laag{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:flex-end;justify-content:center;z-index:10}.paneel{width:min(720px,100%);max-height:92dvh;overflow:auto;background:var(--bg);border-radius:26px 26px 0 0;padding:20px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}@media(min-width:720px){.laag{align-items:center}.paneel{border-radius:26px}}.optie{min-height:52px;padding:0 16px;border-radius:14px;border:2px solid var(--rand);background:var(--kaart);cursor:pointer}.optie{display:inline-flex;align-items:center;justify-content:center;gap:6px}.optie svg{width:20px;height:20px;flex:none}.optie.klein{min-height:44px;padding:0 14px}.optie:disabled{opacity:.35;cursor:default}.mk{display:flex;flex-direction:column;gap:10px}.mk button{min-height:56px;padding:10px 16px;border-radius:14px;border:2px solid var(--rand);background:var(--kaart);color:inherit;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer;font:inherit}.mk button b{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--rand)}.mk button:disabled{cursor:default;color:inherit}.mk button.goed{border-color:var(--knop-inkt);background:var(--goed-bg);color:#13281b}.mk button.mis{border-color:#5c99d6;background:var(--nognet-bg);color:#13281b}.optie.aan{border-color:var(--knop-inkt);background:var(--knop);color:var(--knop-tekst);font-weight:800}.keuzes{display:flex;flex-direction:column;gap:12px}.keuze{text-align:left;padding:16px 18px;border-radius:16px;border:3px solid var(--rand);background:var(--kaart);color:var(--inkt);cursor:pointer}.keuze.aan{border-color:var(--knop-inkt)}.keuze small{display:block;margin-bottom:4px;font-size:16px;font-weight:800;color:var(--inkt-zacht)}.keuze .leesletter{display:block;font-size:1.15em}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:2s!important}}.tegel svg,.vaktegel svg,.beeldkaart svg,.vg-kant svg{stroke-width:2.4}.inhoud:has(.dashboard){max-width:1120px}.dashboard{display:flex;flex-direction:column;gap:18px}.acties{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:760px){.acties{grid-template-columns:repeat(3,1fr)}}.actie{border:none;cursor:pointer;text-align:left;border-radius:24px;padding:22px;background:var(--tegel);color:var(--op-vak);display:flex;flex-direction:column;gap:6px;min-height:150px;transition:transform .15s}.actie:hover{transform:translateY(-2px)}.actie strong{font-size:1.15em;font-weight:900;margin-top:auto}.actie small{font-size:.85em;opacity:.85}.actie .ic.groot{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#ffffffbf}.actie .ic.groot svg{width:30px;height:30px;stroke-width:2.4}.twee{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:760px){.twee{grid-template-columns:3fr 2fr}}.paneelvak{background:var(--kaart);border:2px solid var(--rand);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:12px}.paneelvak h2{margin:0}.paneelvak.leeg{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px}.paneelvak.leeg>svg{width:36px;height:36px;color:var(--knop-inkt)}.paneelvak.leeg>div{flex:1;min-width:200px}.verder{border:2px solid var(--rand);cursor:pointer;text-align:left;border-radius:20px;padding:18px;background:var(--bg);color:var(--inkt);display:flex;flex-direction:column;gap:10px}.verder .chip{background:var(--tegel)}.verder strong{font-size:1.15em;font-weight:900}.verder small{font-size:.9em}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#ffffffbf;font-size:.8em;font-weight:800}.chip svg{width:16px;height:16px}.week{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:auto}.week span{background:var(--bg);border-radius:16px;padding:10px;text-align:center;font-size:.8em;color:var(--inkt-zacht)}.week b{display:block;font-size:1.8em;font-weight:900;color:var(--inkt);line-height:1.1}@media(max-width:759px){.actie{min-height:0;padding:14px 16px;display:grid;grid-template-columns:52px 1fr;column-gap:14px;row-gap:0;align-items:center}.actie .ic.groot{grid-row:span 2;width:52px;height:52px}.actie strong{margin-top:0;font-size:1.05em}}.zijbalk{display:none}@media(min-width:900px){.app.met-zijbalk{padding-left:272px}.zijbalk{display:flex;flex-direction:column;gap:10px;position:fixed;left:0;top:0;bottom:0;width:272px;padding:20px 16px;background:var(--kaart);border-right:2px solid var(--rand);overflow-y:auto;z-index:5}.onderbalk,.alleen-telefoon{display:none!important}.inhoud{padding-bottom:48px}}.zb-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.15em;padding:4px 6px 10px}.zb-logo-ic{width:40px;height:40px;flex:none}.zb-logo-ic img{width:100%;height:100%;display:block}.zb-logo{color:var(--inkt);font-family:Nunito,sans-serif;font-size:1.3em}.logo-clever{color:#2d8a6c}:root[data-achtergrond=donker] .logo-clever{color:#59c09f}.zijbalk nav{display:flex;flex-direction:column;gap:4px}.zb-item{display:flex;align-items:center;gap:14px;min-height:54px;padding:8px;border-radius:14px;border:none;background:none;cursor:pointer;font-weight:800;font-size:.95em;color:var(--inkt);text-align:left;width:100%}.zb-item:hover,.zb-item.aan{background:var(--toon);box-shadow:inset 0 0 0 2px var(--op-vak);color:var(--op-vak)}.zb-ic{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--toon);color:var(--op-vak)}.zb-ic svg{width:22px;height:22px}.zb-aantal{font-weight:900;font-size:.9em}.zb-kop{margin:12px 8px 0;font-size:.8em;font-weight:900;color:var(--inkt-zacht)}.ballon{display:grid;grid-template-columns:56px 1fr 48px;gap:14px;align-items:center}.ballon-gezicht{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--knop);color:var(--knop-tekst)}.ballon-gezicht{overflow:hidden;background:var(--kaart);border:2px solid var(--rand)}.ballon-gezicht .mascotte{width:100%;height:100%;object-fit:cover}.melding.wacht .mascotte{width:56px;height:56px;object-fit:contain;flex:none}.uitslag{display:flex;align-items:center;gap:16px}.uitslag .mascotte{width:96px;height:96px;object-fit:contain;flex:none}.uitslag h1{margin:0}.podcastkeuze{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:2px solid var(--rand);border-radius:18px;background:var(--kaart)}.podcastkeuze>p{display:flex;gap:10px;align-items:flex-start;margin:0}.podcastkeuze>p svg{flex:none;width:22px;height:22px;margin-top:2px}.podcastkeuze h3{margin:4px 0 0}.podcastkeuze .tk-link{align-self:flex-start}.leeg-mascotte{width:72px;height:72px;object-fit:contain;flex:none}.ballon-tekst{margin:0;position:relative;background:var(--kaart);border:2px solid var(--rand);border-radius:20px;padding:14px 18px;font-weight:800}.ballon-tekst:before{content:"";position:absolute;left:-10px;top:50%;width:16px;height:16px;background:var(--kaart);border-left:2px solid var(--rand);border-bottom:2px solid var(--rand);transform:translateY(-50%) rotate(45deg)}.vakpil{border:none;cursor:pointer;min-height:44px;padding:0 16px;border-radius:999px;background:var(--tegel);color:var(--op-vak);font-weight:800}.chip,.week span,.pagina,.jaartal,.zb-kop,.onderbalk button{font-size:max(16px,.8em)}.week span{font-size:16px}.pagina{font-size:15px}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--knop-inkt);outline-offset:3px}.veld{display:flex;flex-direction:column;gap:6px;font-weight:700}.ouder-kaart{display:flex;flex-direction:column;gap:12px;margin-top:12px}.ouder-kaart p{margin:0}.vinkje{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.vinkje input{width:26px;height:26px;flex:none;margin-top:2px;accent-color:var(--knop-inkt)}.status-regel,.zb-status{display:flex;align-items:center;gap:10px;margin:0}.status-regel svg,.zb-status svg{flex:none}.zb-status{font-size:16px;padding:4px 8px 8px;color:var(--inkt-zacht)}.bewaar-kaart{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;border-radius:20px;border:2px solid var(--rand);background:var(--uitleg);color:var(--op-vak);cursor:pointer}.bewaar-kaart .ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#fff9;flex:none}.bewaar-kaart>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.bewaar-kaart small{font-size:16px}.dashboard .kop .rij{flex-wrap:nowrap;flex:none}.vakkeuze{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:var(--kaart);border:2px solid var(--rand)}.vakpil svg{width:20px;height:20px}.vakpil{display:inline-flex;align-items:center;gap:8px}input[type=date]{width:100%;max-width:320px;border:2px solid var(--rand);background:var(--kaart);border-radius:16px;padding:14px 16px;min-height:56px;font-size:1.05em}.tentamen h2{display:flex;align-items:center;gap:10px;margin-top:0}.tentamen p{margin-bottom:0}.tentamen{margin-bottom:16px}.alleen-print{display:none}@media print{@page{margin:18mm}html,body{background:#fff!important;color:#000!important}.zijbalk,.onderbalk,.laag{display:none!important}.app,.inhoud{display:block!important;padding:0!important;margin:0!important;max-width:none!important}.inhoud>:not(.alleen-print){display:none!important}.alleen-print{display:block!important;font-size:13pt;line-height:1.6}.alleen-print h1{font-size:22pt;margin:0 0 4pt}.alleen-print h2{font-size:16pt;margin:18pt 0 6pt}.alleen-print h3{font-size:14pt;margin:14pt 0 4pt;break-after:avoid}.alleen-print li{margin-bottom:4pt}.alleen-print table{border-collapse:collapse;width:100%}.alleen-print th,.alleen-print td{border:1px solid #999;padding:6pt;text-align:left;vertical-align:top}.alleen-print dt{font-weight:800;margin-top:6pt}.alleen-print dd{margin:0 0 0 12pt}.alleen-print section,.alleen-print li,.alleen-print tr{break-inside:avoid}}.info-links,.zijbalk nav.info-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 14px;padding:12px 8px 0;font-size:16px}.info-links a,.paneel .stil a{color:var(--inkt-zacht);font-weight:700}.deel-kaart{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;border:2px solid var(--rand);background:var(--kaart)}.deel-kaart h2,.deel-kaart p,.oefentoets h1{margin:0}.inlog-pagina{min-height:100vh;max-width:480px;margin:0 auto;padding:32px 16px;display:flex;flex-direction:column;gap:20px}.inlog-pagina>.zb-logo{color:var(--inkt);text-decoration:none;padding:0}.inlog-kaart{background:var(--kaart);border:2px solid var(--rand);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px}.inlog-kaart h1{margin:0}.inlog-kaart>p{margin:0 0 8px}.inlog-keuze{display:flex;flex-direction:column;gap:12px}.knop.inlog-knop{width:100%;justify-content:center;background:#fff;color:#1f1f1f;border:2px solid var(--rand)}.knop.inlog-knop:hover{border-color:var(--knop-inkt)}.of{display:flex;align-items:center;gap:12px;color:var(--inkt-zacht);font-size:.9em}.of:before,.of:after{content:"";flex:1;height:2px;background:var(--rand)}.met-icoon{display:flex;align-items:center;gap:12px}.met-icoon svg{width:30px;height:30px}.toetskaart{background:var(--kaart);border:2px solid var(--rand);border-radius:24px;padding:18px;display:flex;flex-direction:column;gap:16px}.tk-boven{display:flex;gap:16px;align-items:center}.tk-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tk-tekst h2{margin:0;font-size:1.3em;font-weight:900;line-height:1.25}.tk-vak{display:inline-flex;align-items:center;gap:6px;color:var(--inkt-zacht);font-weight:700;font-size:max(16px,.85em)}.tk-vak svg{width:18px;height:18px}.tk-wanneer{margin:2px 0 0;color:var(--inkt-zacht)}.tk-wanneer strong{color:var(--inkt)}.tk-balk{display:block;height:8px;max-width:320px;border-radius:6px;background:var(--rand);overflow:hidden;margin-top:6px}.tk-balk i{display:block;height:100%;background:var(--knop-midden)}.datumblok{width:84px;min-height:84px;flex:none;border-radius:18px;background:var(--tegel);color:var(--op-vak);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.1}.datumblok b{font-size:2em;font-weight:900;line-height:1}.datumblok small{font-size:16px;font-weight:800}.tk-acties{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}.tk-link{display:inline-flex;align-items:center;gap:6px;border:none;background:none;padding:8px 4px;font-weight:800;color:var(--knop-inkt);cursor:pointer;text-decoration:underline;text-underline-offset:4px}.tk-link svg{width:18px;height:18px}.weekstrook{display:flex;flex-direction:column;gap:10px}.weekstrook .kop strong{font-size:1.05em}.rond.groen{background:var(--knop);color:var(--knop-tekst)}.rond:disabled{opacity:.35;cursor:default}.ws-week{margin:0 0 4px;font-weight:700}.ws-dagen{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.ws-dag{min-width:0;min-height:86px;border-radius:14px;border:2px solid transparent;background:none;color:inherit;font:inherit;cursor:pointer;padding:6px 2px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ws-dag small{font-size:16px;color:var(--inkt-zacht);font-weight:700}.ws-dag b{font-size:1.15em;font-weight:900}.ws-dag.nu{border-color:var(--inkt)}.ws-dag:hover{background:var(--k-neutraal)}.dag-oefen{display:flex;align-items:center;gap:10px;margin:0}.dag-oefen .ws-stip{flex:none}.ws-dag.weg{opacity:.45}.ws-toets{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:2px 6px;background:var(--tegel);color:var(--op-vak);font-weight:800;font-size:14px}.ws-stip{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--knop-midden)}.ws-uitleg{display:flex;align-items:center;gap:8px}.toetsrij{display:flex;align-items:center;gap:10px;background:var(--kaart);border:2px solid var(--rand);border-radius:22px;padding:10px 12px 10px 10px}.tr-knop{flex:1;min-width:0;display:flex;align-items:center;gap:14px;border:none;background:none;cursor:pointer;text-align:left;color:var(--inkt);padding:0}.tr-datum{width:76px;min-height:76px;flex:none;border-radius:16px;background:var(--tegel);color:var(--op-vak);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}.tr-datum b{font-size:1.6em;font-weight:900}.tr-datum small{font-size:14px;font-weight:800}.tr-midden{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tr-midden strong{font-weight:900;font-size:1.05em}.tr-midden small{color:var(--inkt-zacht)}.tr-plan{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:16px;font-weight:700;color:var(--inkt-zacht);margin-top:4px}.tr-plan i{width:16px;height:16px;border-radius:50%;border:2px solid var(--rand)}.tr-plan i.ja{background:var(--knop-midden);border-color:var(--knop-midden)}.tr-nog{flex:none;font-weight:900;background:var(--v4);color:var(--op-vak);border-radius:999px;padding:6px 14px;white-space:nowrap}@media(max-width:520px){.tr-nog{display:none}.tr-datum{width:64px;min-height:64px}}.leeg-knop{cursor:pointer;text-align:left;color:var(--inkt);font:inherit}.stofkeuze{display:flex;flex-direction:column;gap:8px}.stofrij{display:flex;align-items:center;gap:12px;min-height:54px;border:2px solid var(--rand);background:var(--kaart);color:var(--inkt);border-radius:14px;padding:8px 14px;font-weight:700;text-align:left;cursor:pointer}.stofrij .vink{width:28px;height:28px;flex:none;border-radius:8px;border:2px solid var(--rand);display:grid;place-items:center}.stofrij.aan .vink{background:var(--knop);border-color:var(--knop-inkt);color:var(--knop-tekst)}.stofrij .vink svg{width:18px;height:18px}.stofrij small{margin-left:auto;color:var(--inkt-zacht);font-weight:600}.datumkeuze{position:relative;overflow:hidden}.datumkeuze input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.optie.aan svg{color:inherit}.vakraster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:760px){.vakraster{grid-template-columns:repeat(4,minmax(0,1fr))}}.vakkaart{min-height:140px;border:none;cursor:pointer;text-align:left;border-radius:22px;padding:16px;background:var(--tegel);color:var(--op-vak);display:flex;flex-direction:column;gap:4px}.vakkaart .ic{width:46px;height:46px;border-radius:14px;background:#ffffffbf;display:grid;place-items:center;margin-bottom:auto}.vakkaart .ic svg{width:24px;height:24px}.vakkaart strong{margin-top:10px;font-weight:900;font-size:1.05em;line-height:1.2;overflow-wrap:anywhere}.vakkaart small{font-size:max(16px,.8em);opacity:.85}.vakkaart.gekozen{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--inkt)}.tegoed{display:inline-flex;align-items:center;gap:10px;font-weight:800;flex-wrap:wrap}.tegoed svg{width:20px;height:20px}.tegoed-balk{width:140px;height:10px;border-radius:6px;background:var(--rand);overflow:hidden}.tegoed-balk i{display:block;height:100%;background:var(--knop-midden)}.podlijst{display:flex;flex-direction:column;gap:10px}.podrij{display:flex;align-items:center;gap:14px;min-height:72px;border:2px solid var(--rand);background:var(--kaart);color:var(--inkt);border-radius:18px;padding:10px 16px 10px 10px;text-align:left;cursor:pointer}.podrij strong{display:block;font-weight:800}.podrij small{color:var(--inkt-zacht)}.podrij .speel{width:52px;height:52px;flex:none;border-radius:50%;background:var(--knop);color:var(--knop-tekst);display:grid;place-items:center}.podrij .speel svg{width:22px;height:22px}.podrij.nog{border-style:dashed;background:transparent}.podrij.nog .speel{background:var(--rand);color:var(--inkt)}.podrij .duur{margin-left:auto;font-weight:800;color:var(--inkt-zacht)}.stof-boven{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.stof-boven .vakkeuze{flex-basis:100%}.vaklabel-knop{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:none;border-radius:999px;background:var(--tegel);color:var(--op-vak);font-weight:800;cursor:pointer}.vaklabel-knop svg{width:20px;height:20px}.vaklabel-knop small{font-weight:600;text-decoration:underline;font-size:max(16px,.8em)}.stappenbalk{display:flex;gap:6px;scroll-margin-top:12px}.stapknop{flex:1 1 0;min-width:max-content;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border-radius:16px;border:2px solid transparent;background:none;color:var(--inkt-zacht);font-weight:800;font-size:max(16px,.85em);cursor:pointer}.stapknop .nr{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--kaart);border:2px solid var(--rand);color:var(--inkt)}.stapknop .nr svg{width:21px;height:21px}.stapknop.nu{background:var(--kaart);border-color:var(--inkt);color:var(--inkt)}.stapknop.nu .nr{background:var(--knop);border-color:var(--knop-inkt);color:var(--knop-tekst)}.stapknop.klaar .nr{background:var(--v0);border-color:#77c59f;color:var(--knop-inkt)}@media(max-width:520px){.stappenbalk{gap:2px}.stapknop{padding:8px 2px;font-size:16px}}.knop.volgende{min-height:62px;font-size:1.1em;justify-content:center}.klaar-stap p{margin:0}.kern{background:#fff3c2;padding:14px 16px;border-radius:18px}.kern.actief{background:var(--quiz);box-shadow:0 0 0 3px var(--op-vak)}.vg-kanten{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vg-kant{min-width:0;border-radius:22px;padding:16px;background:var(--tegel);color:var(--op-vak);display:flex;flex-direction:column;gap:10px}.vg-kant h3{margin:0;font-size:1.15em;font-weight:900;line-height:1.25;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.vg-feit{background:#ffffffb3;border-radius:14px;padding:10px 12px;transition:background .25s,box-shadow .25s}.vg-feit small{display:block;font-size:max(16px,.8em);font-weight:700;opacity:.75}.vg-feit b{display:block;font-weight:800;overflow-wrap:break-word}.vg-feit.actief{background:var(--quiz);box-shadow:0 0 0 3px var(--op-vak)}@media(max-width:560px){.vg-kanten{grid-template-columns:1fr}}.kern-vraag{display:block;font-size:max(16px,.8em);font-weight:700;opacity:.75}.vaktegel{border:2px solid var(--rand)}.vaktegel:hover,.tegel.herhaal:hover{border-color:var(--inkt-zacht)}.vaktegel .ic{background:var(--vak, var(--k-neutraal))}.vakkaart{box-shadow:0 3px #00000014}.tegel.herhaal{background:var(--kaart);border:2px solid var(--rand);color:var(--inkt)}.tegel.herhaal .ic{background:var(--k-overhoren)}.vaklabel-knop{border:2px solid transparent}.verder .chip{background:var(--k-neutraal)}.stof-klaar-kop{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin:8px 0 6px}.stof-klaar-kop .mascotte{width:120px;height:120px;object-fit:contain}.stof-klaar-kop h1 small{display:block;font-size:.6em;font-weight:700;color:var(--inkt-zacht)}.stof-klaar-kop p{margin:0}.klaartegel{min-height:96px}.klaartegel .status{margin-left:auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;background:#fff9}.klaartegel.klaar .status{background:var(--knop);color:var(--knop-tekst)}.klaartegel.wacht .status{background:#ffffff73}.klaartegel:disabled{cursor:default;opacity:1}.klaartegel.wacht{opacity:.7}.klaartegel.mislukt small{font-weight:700}.draait{animation:draai 1.2s linear infinite}@keyframes draai{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.draait{animation:none}}.zb-vakken{padding-left:14px}.vakkaart small b{font-weight:800}.alles-klaar{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;border-radius:22px;background:var(--knop);color:var(--knop-tekst);font-size:1.9em;font-weight:900;animation:kom-op .35s ease-out}.alles-klaar .vink{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--knop-tekst);color:var(--knop);flex:none}.alles-klaar .vink svg{width:32px;height:32px;stroke-width:3.5}@keyframes kom-op{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.alles-klaar{animation:none}}.zb-rij{display:flex;align-items:center;gap:4px}.zb-rij .zb-item{flex:1}.zb-klapknop{flex:none;width:48px;height:48px;border-radius:12px;border:none;background:none;color:var(--inkt);cursor:pointer;display:grid;place-items:center}.zb-klapknop:hover{background:var(--k-neutraal)}.zb-klap{width:24px;height:24px;transition:transform .2s}.zb-klap.open{transform:rotate(180deg)}.zb-vakken{max-height:40vh;overflow-y:auto}.stemmen-link{align-self:flex-start;margin:-4px 0 4px 8px}.luister{display:grid;gap:14px;text-align:center;max-width:560px;width:100%;margin:0 auto}.luister-beeld{width:min(50%,190px);aspect-ratio:1;margin:0 auto;border-radius:28px;background:var(--k-podcast);display:grid;place-items:center}.luister-beeld .mascotte{width:78%;height:78%;object-fit:contain}.luister-titel{margin:0;font-size:1.35em;font-weight:900}.luister-wie{margin:-8px 0 0;color:var(--inkt-zacht);font-weight:700}.luister-knoppen{display:flex;justify-content:center;align-items:center;gap:18px}.luister-play{width:80px;height:80px;border-radius:50%;border:none;background:var(--knop);color:var(--knop-tekst);display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 14px #00000026}.luister-play svg{width:36px;height:36px;fill:currentColor}.luister-sprong{width:58px;height:58px;border-radius:50%;border:2px solid var(--rand);background:var(--kaart);color:var(--inkt);cursor:pointer;display:grid;grid-template-rows:24px 14px;justify-items:center;align-content:center;gap:1px}.luister-sprong svg{width:22px;height:22px}.luister-sprong small{font-size:13px;font-weight:900;line-height:1}.luister-balk input{width:100%;accent-color:var(--knop-inkt);height:28px;cursor:pointer}.luister-tijden{display:flex;justify-content:space-between;font-weight:800;font-variant-numeric:tabular-nums}.luister-zin{margin:0;text-align:left;padding:12px 16px;border-radius:18px;background:var(--kaart);border:2px solid var(--rand);min-height:5.4em}.luister-zin strong{display:block;font-size:.85em;color:var(--inkt-zacht)}.luister-snelheid{display:inline-flex;justify-self:center;border:2px solid var(--rand);border-radius:999px;overflow:hidden}.luister-snelheid button{border:none;background:var(--kaart);padding:8px 18px;font-weight:800;cursor:pointer}.luister-snelheid button.aan{background:var(--knop);color:var(--knop-tekst)}.luister-status{margin:0;font-weight:800;color:var(--knop-inkt)}.meer{position:relative}.meer-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:220px;background:var(--kaart);border:2px solid var(--rand);border-radius:16px;padding:6px;box-shadow:0 8px 24px #0000001f}.meer-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border:none;background:none;border-radius:10px;font-weight:800;cursor:pointer;text-align:left}.meer-menu button:hover{background:var(--k-neutraal)}.meer-menu svg{width:20px;height:20px}.onderbalk{gap:4px}.onderbalk button:nth-child(1){background:var(--k-vandaag)}.onderbalk button:nth-child(2){background:var(--k-toets)}.onderbalk button:nth-child(3){background:var(--k-stof)}.onderbalk button:nth-child(4){background:var(--k-podcast)}.onderbalk button:nth-child(5){background:var(--k-overhoren)}.onderbalk button{border-radius:18px;color:var(--op-vak)}.onderbalk button.aan{box-shadow:0 0 0 2px var(--op-vak),inset 0 0 0 1px var(--op-vak);color:var(--op-vak);font-weight:inherit}@media(max-width:440px){.onderbalk{gap:2px;padding:2px}}.onderbalk button{flex:1 1 0;min-width:0;text-align:center;line-height:1.1;-webkit-hyphens:manual;hyphens:manual;justify-content:flex-start;padding:8px 1px 6px}.inst-blok{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:22px;background:var(--kaart);border:2px solid var(--rand)}.inst-kop{display:flex;align-items:center;gap:12px}.inst-kop .ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:var(--op-vak);flex:none}.inst-kop .ic svg{width:24px;height:24px}.inst-kop h2{margin:0}.inst-blok h3{margin:8px 0 0;font-size:1em;font-weight:800;display:flex;align-items:center;gap:8px}.inst-voorbeeld{margin:0;padding:14px 16px;border-radius:16px;background:var(--bg);border:2px dashed var(--rand)}.inst-grootte{min-width:56px;text-align:center;font-size:1.2em}.optie .staal{width:22px;height:22px;border-radius:50%;border:2px solid var(--rand);flex:none}.inst-blok .optie.aan{background:var(--toon);border-color:var(--op-vak);color:var(--op-vak);box-shadow:inset 0 0 0 1px var(--op-vak)}.ws-knoppen{align-items:center;gap:8px}.weekstrook .kop{flex-wrap:wrap}.onderbalk button{font-size:16px}.bestandregel{display:flex;align-items:center;gap:10px;margin:0;font-weight:800;overflow-wrap:anywhere}.bestandregel svg{flex:none;width:24px;height:24px}.zijbalk>.knop.vol{white-space:nowrap;padding:0 16px}.tekstknop{align-self:center;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 12px;border:none;background:none;color:var(--inkt-zacht);font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.tekstknop svg{width:20px;height:20px}.kern{background:none;border-left:5px solid hsl(45 90% 60%);border-radius:0;padding:4px 0 4px 16px}.kern.actief{background:var(--quiz);box-shadow:none;border-radius:0 12px 12px 0}.vg-kant{gap:0}.vg-kant h3{margin-bottom:8px}.vg-feit{background:none;border-radius:0;padding:10px 2px;border-top:1.5px solid rgb(0 0 0 / .1)}.vg-feit.actief{border-radius:10px;padding:10px 8px}.luisterpaneel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 18px 18px;border-radius:22px;background:var(--kaart);border:3px solid var(--rand);transition:background .2s,border-color .2s}.luisterpaneel.hoort{background:var(--knop);border-color:var(--knop-inkt)}.luisterpaneel>strong{font-size:1.25em;text-align:center}.luisterpaneel .gehoord{width:100%;margin:0;background:var(--bg)}.golf{display:block;width:100%;max-width:520px;height:80px;color:var(--knop-inkt)}.micmelding{display:flex;gap:10px;align-items:flex-start;margin:0;padding:14px 16px;border-radius:14px;background:var(--nognet-bg);font-weight:700}.micmelding svg{flex:none;width:24px;height:24px}.vakkaart.nieuwvak{background:none;border:2.5px dashed var(--rand);color:var(--inkt);box-shadow:none}.vakkaart.nieuwvak .ic{background:var(--knop);color:var(--knop-tekst)}.vakkaart.nieuwvak.open{cursor:default;gap:10px}.vakkaart.nieuwvak input{width:100%}.vakkiezer{grid-column:1 / -1;align-items:stretch;text-align:left;gap:14px}.vk-kop{display:flex;align-items:center;justify-content:space-between;gap:12px}.vk-kop strong{font-size:1.2em}.vk-niveaus{display:flex;flex-wrap:wrap;gap:8px}.vk-niveaus button{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--rand);background:var(--kaart);color:var(--inkt);font:inherit;font-weight:800;cursor:pointer}.vk-niveaus button.aan{background:var(--knop);border-color:var(--knop);color:var(--knop-tekst)}.vk-lijst{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,40%),1fr));gap:10px}.vk-groep{display:flex;flex-direction:column;gap:8px}.vk-groep h3{margin:0;display:flex;align-items:center;gap:10px;font-size:1em;color:var(--inkt-zacht)}.vk-groep h3 i{width:14px;height:14px;border-radius:50%;background:var(--groep);flex:none}.vk-lijst button{display:flex;align-items:center;gap:8px;min-height:52px;padding:0 14px;border:none;border-radius:16px;background:var(--groep);color:var(--op-vak);font:inherit;font-weight:800;text-align:left;cursor:pointer}.vk-lijst svg{width:18px;height:18px;flex:none}.vk-zelf{align-self:flex-start;border:none;background:none;padding:6px 0;color:var(--inkt-zacht);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.stoftabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stoftab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 10px;border-radius:14px;border:2px solid var(--rand);background:var(--kaart);color:var(--inkt);font:inherit;font-weight:800;cursor:pointer}.stoftab svg{flex:none;width:22px;height:22px}.stoftab.nu{background:var(--tegel);border-color:var(--inkt)}@media(max-width:520px){.stoftab{flex-direction:column;gap:2px;font-size:.9em;padding:6px 4px}}.verder{background:var(--k-stof);border-color:transparent;color:var(--op-vak)}.verder .chip{background:#fffc}.na-luisteren{display:flex;flex-direction:column;gap:8px;width:100%;padding:18px;border-radius:18px;background:var(--quiz);text-align:center;align-items:center}.na-luisteren strong{font-size:1.2em}.na-luisteren .rij{justify-content:center;align-items:center}.sv-label{font-weight:800;font-size:.85em;color:var(--inkt-zacht)}.sv-zin{background:var(--quiz);border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;gap:12px;border:3px solid transparent}.sv-zin p{margin:0;font-weight:800;font-size:1.3em;line-height:1.45}.sv-lees{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:none;border-radius:12px;background:var(--uitleg);color:var(--op-vak);font:inherit;font-weight:800;cursor:pointer}.sv-lees svg{width:20px;height:20px}.sv-lees.klein{min-height:44px;min-width:44px;padding:0;justify-content:center;flex:none}.sv-tijdlijn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.sv-kaart .sv-tijdlijn li{display:flex;flex-direction:column;gap:6px;padding-left:0}.sv-kaart .sv-tijdlijn li:before{content:none}.sv-spoor{position:relative;height:20px;border-radius:10px;background:color-mix(in srgb,var(--rand) 45%,var(--kaart))}.sv-spoor div{position:absolute;top:0;bottom:0;border-radius:10px}.sv-carrousel{display:flex;flex-direction:column;gap:14px;touch-action:pan-y}.sv-kaart{background:var(--kaart);border:3px solid var(--rand);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-height:340px;animation:sv-in .2s ease-out}@keyframes sv-in{0%{opacity:0;transform:translate(12px)}}@media(prefers-reduced-motion:reduce){.sv-kaart{animation:none}}.sv-kaart.actief,.sv-zin.actief{border-color:var(--knop-inkt)}.sv-kop{display:flex;align-items:center;gap:12px}.sv-kop h2{margin:0;flex:1;font-size:1.25em}.sv-nr svg{width:20px;height:20px}.sv-nr{width:38px;height:38px;border-radius:50%;background:var(--knop);color:var(--knop-tekst);display:grid;place-items:center;font-weight:900;flex:none}.sv-kaart ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sv-kaart li{position:relative;padding-left:22px;line-height:1.55}.sv-kaart li:before{content:"";position:absolute;left:4px;top:.65em;width:8px;height:8px;border-radius:50%;background:var(--knop-inkt)}.sv-kaart mark{background:var(--markeer);color:inherit;border-radius:6px;padding:0 4px}.sv-blz{margin-left:8px;color:var(--inkt-zacht);font-size:max(16px,.8em);white-space:nowrap}.sv-keten{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--knop) 40%,var(--kaart));font-weight:800}.sv-keten span{background:var(--kaart);border-radius:10px;padding:6px 10px}.sv-pijl{width:22px;height:22px;color:var(--knop-inkt);flex:none}.sv-woorden{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.sv-woord{background:var(--k-podcast);color:var(--op-vak);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.sv-woord b{font-weight:900}.sv-verder{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;border:none;border-radius:20px;background:var(--knop);color:var(--knop-tekst);font:inherit;font-weight:900;font-size:1.15em;cursor:pointer}.sv-verder svg{width:24px;height:24px}.sv-nav{display:flex;gap:12px}.sv-nav .sv-verder{flex:1;padding:0 18px}.sv-vorige{flex:none;width:64px;min-height:64px;border-radius:50%;border:3px solid var(--rand);background:var(--kaart);color:var(--inkt);display:grid;place-items:center;cursor:pointer}.sv-vorige svg{width:26px;height:26px}.sv-vorige:disabled{opacity:.35;cursor:default}.sv-stippen{display:flex;justify-content:center;gap:8px}.sv-stippen button{width:12px;height:12px;padding:0;border:none;border-radius:99px;background:var(--rand);cursor:pointer}.sv-stippen button.aan{width:34px;background:var(--knop-inkt)}.sv-teller{margin:-4px 0 0;text-align:center;font-weight:800;color:var(--inkt-zacht)}.sv-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px}.terugzetten{position:fixed;z-index:9;left:50%;transform:translate(-50%);bottom:calc(92px + env(safe-area-inset-bottom));width:min(560px,calc(100% - 16px));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 12px 12px 18px;background:var(--inkt);color:var(--bg);border-radius:20px;box-shadow:0 8px 30px #0000002e}.terugzetten span{font-weight:700}@media(min-width:900px){.terugzetten{bottom:24px;left:calc(50% + 136px);width:min(560px,calc(100% - 320px))}}.prul-rij{cursor:default;flex-wrap:wrap}.prul-rij>span:nth-child(2){flex:1 1 200px}.prul-knoppen{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.terugzetten .knop,.prul-knoppen .knop{width:auto;flex:none}.stoftabs{grid-template-columns:repeat(3,minmax(0,1fr))}.vd{display:grid;gap:16px}.vd-los{padding:16px;border-radius:24px;background:color-mix(in srgb,var(--v6) 45%,var(--kaart));border:2px solid var(--rand)}.vd-kop{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:22px;background:var(--v6)}.vd-kop img{width:64px;height:64px;border-radius:50%;background:#fff;flex:none}.vd-kop strong{font-size:1.25em;display:block}.vd-kop span{color:var(--inkt-zacht)}.vd-gesprek{display:grid;gap:14px;padding:18px;border-radius:24px;border:2px solid var(--rand);background:var(--kaart)}.vd-rij{display:flex;gap:12px;align-items:flex-start}.vd-rij.jij{justify-content:flex-end}.vd-rij img{flex:none;width:56px;height:56px;border-radius:50%;border:3px solid var(--knop-inkt);background:#fff}.vd-ballon{margin:0;max-width:600px;padding:14px 20px;border-radius:22px;font-size:1.3em;font-weight:700;line-height:1.55;overflow-wrap:anywhere}.vd-wie{display:block;font-size:14px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.vd-rij.dex .vd-ballon{background:#fff;color:#1d2b24;border:3px solid var(--knop-inkt);border-top-left-radius:6px}.vd-rij.dex .vd-wie{color:var(--knop-inkt)}.vd-rij.jij .vd-ballon{background:var(--knop-inkt);color:#fff;border-top-right-radius:6px}.vd-rij.jij .vd-wie{color:#ffffffbf;text-align:right}.vd-rij.oud{opacity:.55}.vd-rij.oud .vd-ballon{font-size:1em}.vd-rij.oud img{width:44px;height:44px}.vd-nu{background:#fde68a;color:inherit;border-radius:6px;padding:0 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.vd-onder{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 4px 4px}.vd-mic{flex:none;width:88px;height:88px;border-radius:50%;border:none;background:var(--v6);color:var(--knop-inkt);display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 10px color-mix(in srgb,var(--v6) 45%,transparent)}.vd-mic svg{width:40px;height:40px}.vd-mic.aan{animation:vd-puls 1.6s ease-in-out infinite}.vd-mic.dex{background:var(--knop-inkt);color:#fff}@keyframes vd-puls{50%{box-shadow:0 0 0 18px color-mix(in srgb,var(--v6) 30%,transparent)}}@media(prefers-reduced-motion:reduce){.vd-mic.aan{animation:none}}.vd-status{flex:1 1 200px;font-size:1.15em;font-weight:800}.vd-status small{display:block;font-weight:600;color:var(--inkt-zacht);font-size:.75em}.vd-stop{margin-left:auto}.vd-golf{display:inline-flex;gap:4px;align-items:center;height:28px;margin-left:10px;vertical-align:middle}.vd-golf i{display:block;width:5px;height:100%;border-radius:3px;background:var(--knop-inkt);transform:scaleY(.25);transition:transform .08s}.vd-knop{justify-self:start}.vd{text-align:left}.bestanden{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bestanden li{display:flex;align-items:center;gap:10px;padding:10px 12px;border:2px solid var(--rand);border-radius:16px;background:var(--kaart)}.bestanden li>svg{flex:none;width:24px;height:24px}.bestanden .naam{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}.bestanden .naam small{display:inline-flex;align-items:center;gap:4px;color:var(--inkt-zacht);font-weight:700}.bestanden .naam small svg{width:16px;height:16px}.bestanden li.fout{background:var(--bijna-bg)}.bestanden li.fout small{color:var(--inkt)}.bestanden .tk-link{flex:none}.bestanden .rond{flex:none;width:40px;height:40px}.vakvraag .rij{display:flex;flex-wrap:wrap;gap:8px}.vakvraag .tk-link{align-self:flex-start}.vakvraag .optie.aan{background:var(--tegel);color:var(--op-vak);border-color:var(--inkt)}.podcastkeuze.vakvraag{background:var(--v9);border-color:transparent}.knop.hoofd{min-height:62px;justify-content:center;font-size:1.08em;background:var(--knop);color:var(--knop-tekst);border:2px solid var(--knop-inkt);box-shadow:0 4px 0 var(--knop-inkt);transition:transform .08s,box-shadow .08s}.knop.hoofd:not(:disabled):hover{filter:brightness(1.03)}.knop.hoofd:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--knop-inkt)}.knop.hoofd:disabled{box-shadow:none}.klaartegel.klaar .status{width:auto;height:46px;padding:0 12px 0 18px;border-radius:999px;display:flex;gap:4px;background:var(--knop);color:var(--knop-tekst);border:2px solid var(--knop-inkt);font-weight:800}.klaartegel.klaar .status svg{width:20px;height:20px}.klaartegel.klaar small svg{width:1em;height:1em;vertical-align:-2px;margin-right:4px}.tl{display:flex;flex-direction:column;gap:20px}.tl-banen{position:relative;margin-top:6px}.tl-lijn{position:absolute;top:-6px;bottom:-6px;width:2px;margin-left:-1px;background:var(--rand)}.tl-baan{position:absolute;height:14px;min-width:14px;border-radius:7px;box-shadow:inset 0 0 0 2px #00000014}.tl-jaren{position:relative;height:1.5em;margin-top:12px;font-weight:800;font-size:.9em;color:var(--inkt-zacht)}.tl-jaren span{position:absolute;top:0;transform:translate(-50%);white-space:nowrap}.tl-jaren span:first-child{transform:none}.tl-jaren span:last-child{transform:translate(-100%)}.tl-lijst{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:12px}.tl-lijst:before{content:"";position:absolute;left:13px;top:20px;bottom:20px;width:3px;border-radius:2px;background:var(--rand)}.sv-kaart .tl-lijst li,.tl-lijst li{position:relative;display:flex;gap:14px;align-items:center;padding-left:0}.sv-kaart .tl-lijst li:before{content:none}.tl-stip{flex:none;position:relative;z-index:1;width:29px;height:29px;border-radius:50%;background:var(--kleur);border:4px solid var(--kaart);box-shadow:0 0 0 2px #0000001f}.tl-tekst{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:16px;background:var(--kleur);color:var(--op-vak)}.tl-jaar{font-weight:900;font-size:1.2em}.tl-tekst strong{font-size:1.05em}.tl-tekst small{font-weight:700;opacity:.8}.dex-zij{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:var(--bg)}@media(min-width:900px){.dex-zij{left:auto;width:min(440px,42vw);border-left:2px solid var(--rand);box-shadow:-10px 0 30px #00000014}html.dex-open .app{padding-right:min(440px,42vw)}}.dex-zij-kop{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--v6);color:var(--op-vak)}.dex-zij-kop img{width:48px;height:48px;border-radius:50%;background:#fff;border:3px solid var(--knop-inkt)}.dex-zij-kop strong{font-size:1.25em}.dex-zij-kop .rond{margin-left:auto;background:#ffffffb3}.dex-zij .vd{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:16px;border:none;border-radius:0;background:none}.dex-zij .vd-gesprek{flex:1;min-height:0;overflow-y:auto;align-content:start;padding:14px}.dex-zij .vd-leeg{flex:1;margin:0;padding:18px;border-radius:20px;border:2px dashed var(--rand);color:var(--inkt-zacht);font-weight:700;font-size:1.1em}.dex-zij .vd-ballon{font-size:1.1em;padding:12px 16px}.dex-zij .vd-rij img{width:44px;height:44px}.dex-zij .vd-rij.oud .vd-ballon{font-size:.95em}.dex-zij .vd-onder{gap:14px;padding:14px 10px 0;border-top:2px solid var(--rand)}.dex-zij .vd-mic{width:72px;height:72px}.dex-zij .vd-mic svg{width:34px;height:34px}.dex-zij .vd-stop{width:100%;margin-left:0;justify-content:center}.dex-fab{position:fixed;z-index:9;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border:3px solid var(--knop-inkt);border-radius:999px;background:var(--kaart);color:var(--inkt);font:inherit;font-weight:900;cursor:pointer;box-shadow:0 6px 20px #00000026}.dex-fab img{width:48px;height:48px;border-radius:50%;background:#fff}.dex-fab:hover{transform:translateY(-1px)}@media(min-width:900px){.dex-fab{right:24px;bottom:24px}}@media(max-width:420px){.dex-fab span{display:none}.dex-fab{padding:6px}}.vd-typ{display:flex;gap:8px;align-items:center}.vd-typ input{flex:1;min-width:0;min-height:52px;padding:0 16px;border:2px solid var(--rand);border-radius:16px;background:var(--kaart);font:inherit;font-size:1.05em}.vd-typ .rond{background:var(--knop);color:var(--knop-tekst)}.vd-typ .rond:disabled{opacity:.4;cursor:default}.dex-zij .vd-onder{border-top:none;padding-top:4px}.sv-voortgang{display:flex;gap:6px}.sv-voortgang button{flex:1;height:8px;padding:0;border:none;border-radius:4px;background:var(--rand);cursor:pointer}.sv-voortgang button.gehad{background:var(--knop)}.sv-voortgang button.nu{background:var(--knop-inkt)}.sv-luister{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 18px;border:2px solid var(--knop-inkt);border-radius:999px;background:var(--knop);color:var(--knop-tekst);font:inherit;font-weight:900;cursor:pointer}.sv-luister svg{width:20px;height:20px}.sv-luister.aan{background:var(--knop-inkt);color:var(--bg)}.stof-boven-rechts{display:flex;align-items:center;gap:10px}@media(max-width:600px){.sv-kop{flex-wrap:wrap}.sv-luister{order:3;width:100%;justify-content:center}}.zb-logo{display:flex;align-items:center}.zb-dicht{margin-left:auto;width:44px;height:44px;flex:none;display:grid;place-items:center;border:none;border-radius:12px;background:none;color:var(--inkt-zacht);cursor:pointer}.zb-dicht:hover{background:var(--bg);color:var(--inkt)}.zb-dicht svg{width:24px;height:24px}.menu-open{display:none}@media(min-width:900px){.app.met-zijbalk{transition:padding-left .2s ease}.app.met-zijbalk.menu-dicht{padding-left:76px}.app.menu-dicht .zijbalk{display:none}.menu-open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:fixed;z-index:6;left:12px;top:20px;width:56px;height:60px;border:2px solid var(--rand);border-radius:16px;background:var(--kaart);color:var(--inkt-zacht);font:inherit;font-size:.7em;font-weight:800;cursor:pointer}.menu-open:hover{color:var(--inkt);border-color:var(--knop-inkt)}.menu-open svg{width:24px;height:24px}.terugzetten{left:50%;width:min(560px,calc(100% - 32px))}.app:not(.menu-dicht) .terugzetten{left:calc(50% + 136px);width:min(560px,calc(100% - 320px))}}@media(max-width:899px){.app.leren .inhoud{padding-bottom:100px}.app.leren .dex-fab,.app.leren .terugzetten{bottom:calc(16px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.app.met-zijbalk{transition:none}}.schuif{display:flex;align-items:center;gap:14px;width:100%;max-width:560px}.schuif input[type=range]{flex:1;min-width:0;height:14px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:99px;cursor:pointer;background:linear-gradient(to right,var(--knop-inkt) var(--vul),var(--rand) var(--vul))}.schuif input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border-radius:50%;background:var(--kaart);border:4px solid var(--knop-inkt);box-shadow:0 2px 8px #0003}.schuif input[type=range]::-moz-range-thumb{width:32px;height:32px;border-radius:50%;background:var(--kaart);border:4px solid var(--knop-inkt);box-shadow:0 2px 8px #0003}.schuif input[type=range]:focus{outline-offset:6px}.schuif-a{font-weight:900;line-height:1;flex:none}.schuif-a.klein{font-size:16px}.schuif-a.groot{font-size:30px}:root[data-ruimte=ruim]{--letterafstand: .12em;--woordafstand: .35em;--regel: 1.75}:root[data-ruimte=ruim] body{letter-spacing:.05em;word-spacing:.12em}:root[data-ruimte=ruim] :is(.onderbalk,.zijbalk,.vd-wie,.schuif-a){letter-spacing:normal;word-spacing:normal}:root[data-ruimte=ruim] :is(button,input,textarea,select){letter-spacing:inherit;word-spacing:inherit}.voorlees-knop.laden,.voorlees-knop.speelt{background:var(--knop);border-color:var(--knop-inkt);color:var(--knop-tekst)}.voorlees-knop .vk-stop{width:16px;height:16px;fill:currentColor;margin-left:2px}.vk-golf{display:inline-flex;align-items:center;gap:3px;height:20px}.vk-golf i{display:block;width:4px;height:100%;border-radius:2px;background:currentColor;animation:vk-golf .9s ease-in-out infinite;transform-origin:center}.vk-golf i:nth-child(2){animation-delay:-.3s}.vk-golf i:nth-child(3){animation-delay:-.6s}.vk-golf i:nth-child(4){animation-delay:-.15s}@keyframes vk-golf{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.vk-golf i{animation:none;transform:scaleY(.7)}}