: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(161 51% 25%);--knop-tekst: hsl(43 47% 96%);--op-vak: #13281b;--quiz: hsl(46 100% 76%);--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%);--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);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)}.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;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);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);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}@keyframes draai{to{transform:rotate(360deg)}}.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)}.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)}.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);background:var(--goed-bg);color:#13281b}.mk button.mis{border-color:#5c99d6;background:var(--nognet-bg);color:#13281b}.optie.aan{border-color:var(--knop);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)}.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)}.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);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)}.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)}.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)}.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);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)}.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);border-color:var(--knop)}.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);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)}.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);color:var(--knop-tekst)}.stapknop.klaar .nr{background:var(--v0);border-color:#77c59f;color:var(--knop)}@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)}