: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%);--letter: Nunito, Verdana, sans-serif;--grootte: 19px;--letterafstand: .05em;--woordafstand: .16em;--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,.kolomkop .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,.kolomkop .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:.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}.vergelijk{display:flex;flex-direction:column;gap:10px}.vg-rij{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kolomkop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:18px;background:var(--tegel);color:var(--op-vak);font-weight:800;text-align:center;min-height:130px;justify-content:center}.vg-aspect{text-align:center;font-weight:800;font-size:.8em;opacity:.7}.vg-blok{padding:8px;border-radius:18px;transition:background .25s}.vg-blok.actief{background:var(--quiz)}.vg-cel{padding:10px;border-radius:14px;text-align:center;font-size:.9em;min-height:60px;display:grid;place-items:center;color:var(--op-vak)}.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(10px + env(safe-area-inset-bottom));width:min(440px,calc(100% - 24px));display:grid;grid-template-columns:repeat(3,1fr);padding:6px;background:var(--kaart);border-radius:999px;box-shadow:0 8px 30px #0000001f}.onderbalk button{min-height:58px;border:none;background:none;border-radius:999px;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 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}.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}.testtekst{background:var(--kaart);border:2px solid var(--rand);border-radius:18px;padding:20px}.testtekst p{margin:0;max-width:42ch}.keuze{text-align:left;padding:16px;border-radius:16px;border:3px solid var(--rand);background:var(--kaart);cursor:pointer;font-weight:800}.keuze.aan{border-color:var(--knop)}.keuze small{display:block;font-weight:400;color:var(--inkt-zacht)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation-duration:2s!important}}.tegel svg,.vaktegel svg,.beeldkaart svg,.kolomkop 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:none;cursor:pointer;text-align:left;border-radius:20px;padding:18px;background:var(--tegel);color:var(--op-vak);display:flex;flex-direction:column;gap:10px}.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;border-radius:12px;display:grid;place-items:center;background:var(--knop);color:var(--knop-tekst)}.zb-logo-ic svg{width:22px;height:22px}.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;letter-spacing:.06em;text-transform:uppercase;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 svg{width:28px;height:28px}.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,.vg-aspect,.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:15px}.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)}