:root{--papier: #f4f6f8;--vlak: #ffffff;--inkt: #111820;--gedempt: #5c6773;--lijn: #dfe4ea;--accent: #0f766e;--accent-zacht: #e6f4f2;--goed: #1f7a4d;--mis: #9a1f3c;--let-op: #8a5a00;--let-op-zacht: #fdf5e2;--schaduw: 0 1px 2px rgba(17, 24, 32, .05), 0 4px 16px rgba(17, 24, 32, .04);--rond: 10px;--breedte: 68rem;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--papier: #0d1216;--vlak: #151c23;--inkt: #e7ecf1;--gedempt: #9ca8b5;--lijn: #28323c;--accent: #56c2b6;--accent-zacht: #16302e;--goed: #72c593;--mis: #f2839b;--let-op: #e5c07b;--let-op-zacht: #2a2416;--schaduw: none}}*{box-sizing:border-box}body{margin:0;background:var(--papier);color:var(--inkt);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}a{color:var(--accent)}.portaal{min-height:100vh;display:flex;flex-direction:column}.breed{max-width:var(--breedte);margin:0 auto;padding:0 1.25rem;width:100%}.kopbalk{background:var(--vlak);border-bottom:1px solid var(--lijn);position:sticky;top:0;z-index:10}.kopbalk-binnen{display:flex;align-items:center;gap:1.25rem;min-height:3.75rem;flex-wrap:wrap}.merk{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.merk-knop{display:flex;align-items:center;gap:.55rem;border:none;background:none;padding:0;cursor:pointer;color:inherit}.merknaam-hoofd{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.merknaam-bij{margin-left:var(--merk-inspring);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:lowercase;color:var(--gedempt);text-decoration:none}.merknaam-bij:hover{color:var(--accent);text-decoration:underline}.merkteken{display:block;flex:none}.menu{display:flex;gap:.15rem;flex-wrap:wrap;margin-right:auto}button.menu-item{border:none;background:none;padding:.45rem .8rem;border-radius:999px;color:var(--gedempt);font-size:.95rem;text-align:center}button.menu-item:hover:not(:disabled){color:var(--inkt);background:var(--papier)}button.menu-item.actief{background:var(--accent-zacht);color:var(--accent);font-weight:600}.kopbalk-rechts{margin-left:auto;display:flex;align-items:center;gap:.75rem}.wie{font-size:.9rem;white-space:nowrap}.omgeving{text-transform:uppercase;font-size:.7rem;letter-spacing:.08em;font-weight:700;color:var(--let-op);background:var(--let-op-zacht);border:1px solid var(--let-op);border-radius:999px;padding:.1rem .5rem}.inhoud{flex:1;width:100%;max-width:var(--breedte);margin:0 auto;padding:1.75rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.voettekst{border-top:1px solid var(--lijn);background:var(--vlak)}.voettekst-binnen{display:flex;flex-wrap:wrap;gap:.35rem 1.5rem;align-items:center;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--gedempt);font-size:.85rem}.paneel{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--rond);box-shadow:var(--schaduw);padding:1.25rem 1.4rem 1.5rem;display:flex;flex-direction:column;gap:.85rem}.paneel.smal{max-width:32rem;width:100%}h1{font-size:1.45rem;margin:0;letter-spacing:-.01em}h1.vraag{font-size:1.25rem;font-weight:600}h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gedempt);margin:.5rem 0 0}.paneel>h2:first-child{margin-top:0}.toelichting{color:var(--gedempt);margin:0;font-size:.95rem}.hint{color:var(--gedempt);font-size:.95rem;margin:0}.fout,.mis{color:var(--mis);margin:0}.goed{color:var(--goed);margin:0}.uitwerking{background:var(--papier);border:1px solid var(--lijn);border-radius:6px;padding:.75rem;margin:0;font-size:.95rem}.cijfers{color:var(--gedempt);font-size:.9rem}.vraagtekst{overflow:hidden;text-overflow:ellipsis}.lescode{margin:0;font-size:2.6rem;font-weight:700;letter-spacing:.12em;font-family:ui-monospace,SF Mono,Menlo,monospace;color:var(--accent)}.waarschuwing{border:1px solid var(--let-op);background:var(--let-op-zacht);color:var(--let-op);border-radius:6px;padding:.6rem .9rem;font-size:.9rem}.waarschuwing ul{margin:.35rem 0 0;padding-left:1.1rem}.held{padding:2rem 0 1rem;display:flex;flex-direction:column;gap:.9rem;align-items:flex-start}.held h1{font-size:clamp(1.9rem,5vw,2.6rem);line-height:1.15}.lead{font-size:1.1rem;margin:0;max-width:42rem;color:var(--inkt)}.knoppen-rij{display:flex;gap:.6rem;flex-wrap:wrap}.titelregel{display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}.titelregel h1{margin-bottom:.2rem}.troeven{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem}.troef{background:var(--vlak);border:1px solid var(--lijn);border-radius:var(--rond);box-shadow:var(--schaduw);padding:1.1rem 1.25rem}.troef h2{color:var(--inkt);text-transform:none;letter-spacing:0;font-size:1rem;margin:0 0 .35rem}.troef p{margin:0;color:var(--gedempt);font-size:.95rem}button{font:inherit;padding:.65rem 1rem;border:1px solid var(--lijn);background:var(--vlak);color:var(--inkt);border-radius:8px;cursor:pointer;text-align:left}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primair{background:var(--accent);border-color:var(--accent);color:#fff;text-align:center;font-weight:600}button.primair:hover:not(:disabled){filter:brightness(1.08)}button.terug{align-self:flex-start;border:none;background:none;color:var(--gedempt);padding:0}button.gekozen{border-color:var(--accent);border-width:2px}button.klein{padding:.35rem .75rem;font-size:.85rem;text-align:center;white-space:nowrap;align-self:center}button.link{border:none;background:none;padding:0;color:var(--accent);text-decoration:underline;font-size:inherit}button.werkvorm{display:flex;flex-direction:column;gap:.15rem}button.werkvorm span{color:var(--gedempt);font-size:.9rem}.knoppen{display:flex;flex-direction:column;gap:.6rem}.keuzes{display:flex;flex-direction:column;gap:.5rem}label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--gedempt)}input,select,textarea{font:inherit;color:var(--inkt);background:var(--vlak);padding:.6rem .75rem;border:1px solid var(--lijn);border-radius:8px;width:100%}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label.vinkje{flex-direction:row;align-items:center;gap:.5rem;color:var(--inkt);font-size:.95rem}label.vinkje input{width:auto}.lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.lijst li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--lijn)}.lijst li:last-child{border-bottom:none}@media(max-width:34rem){.kopbalk-binnen{padding-top:.6rem;padding-bottom:.6rem}.wie{display:none}.voettekst-binnen{flex-direction:column;align-items:flex-start}}.stappen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.stap{border:1px solid var(--lijn);border-left:4px solid var(--lijn);border-radius:8px;padding:.6rem .9rem;display:grid;grid-template-columns:1fr auto;gap:.15rem 1rem;color:var(--gedempt)}.stap-naam{font-weight:600;color:var(--inkt)}.stap-uitleg{grid-column:1 / -1;font-size:.9rem}.stap.bezig{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent)}.stap.bezig .stap-naam{color:var(--accent)}.stap.gedaan{opacity:.55}.voorstel{border:1px solid var(--lijn);border-radius:8px;padding:.4rem .9rem .8rem}.lijstkop{margin:.9rem 0 .2rem;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--gedempt)}.voorstel h2{margin-top:.6rem}.paneel.hulp{border-color:var(--let-op)}.paneel.hulp h2{color:var(--let-op)}.stand{font-size:.85rem;color:var(--gedempt)}.stand.vast{color:var(--let-op);font-weight:600}.stapnaam{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.onderwerpen{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.75rem}.onderwerpen li{padding-bottom:.6rem;border-bottom:1px solid var(--lijn)}.onderwerpen li:last-child{border-bottom:none}.onderwerp-titel{font-weight:600}.hoofdpunten{margin:.2rem 0 0;color:var(--gedempt);font-size:.92rem}.cijfers.leeg{color:var(--let-op)}.verbetering{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.verbetering li{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;padding:.6rem 0;border-bottom:1px solid var(--lijn)}.verbetering li:last-child{border-bottom:none}.verbetering .uitwerking{grid-column:1 / -1;margin-top:.3rem}.verbetering .goed,.verbetering .mis,.verbetering .cijfers{font-size:.85rem}.draaiboek-kop{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.draaiboek-kop h2{margin:0}.uitleg{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.5rem}.uitleg li{font-size:1.05rem}.aandachtspunt{border:1px solid var(--let-op);background:var(--let-op-zacht);color:var(--let-op);border-radius:6px;padding:.6rem .9rem;margin:0;font-size:.92rem}.keuzelijst{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.35rem}.onthaal{margin:-1.75rem -1.25rem -3rem}.onthaal h1,.onthaal h2,.onthaal h3{color:var(--inkt);text-transform:none;font-weight:700;margin:0}.onthaal-held{display:flex;flex-direction:column;align-items:center;gap:1.1rem;text-align:center;padding:clamp(3rem,9vw,6.5rem) 1.25rem clamp(2rem,5vw,3.5rem);background:radial-gradient(120% 95% at 50% -20%,var(--accent-zacht) 0%,transparent 62%)}.onthaal-held h1{font-size:clamp(2.3rem,6.4vw,4.25rem);line-height:1.04;letter-spacing:-.035em;max-width:16em}.onthaal-lead{margin:0;max-width:36rem;font-size:clamp(1.05rem,2.1vw,1.4rem);line-height:1.45;color:var(--gedempt)}.onthaal-knoppen{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:.4rem}.onthaal-klein{margin:0;max-width:34rem;color:var(--gedempt);font-size:.95rem}button.pil{border-radius:999px;padding:.8rem 1.9rem;font-size:1.02rem;text-align:center;font-weight:600;transition:transform .15s ease,filter .15s ease}button.pil:hover:not(:disabled){transform:translateY(-1px)}button.pil-link{border:none;background:none;color:var(--accent);font-weight:600;padding:.8rem .9rem;border-radius:999px}button.pil-link:after{content:" ›"}button.pil-link:hover:not(:disabled){background:var(--accent-zacht)}.onthaal-blok,.onthaal-duo{max-width:var(--breedte);margin:0 auto;padding:clamp(2.75rem,6.5vw,5rem) 1.25rem 0}.onthaal-blok{display:flex;flex-direction:column;gap:1.25rem}.onthaal-blok>h2{text-align:center;letter-spacing:-.025em;font-size:clamp(1.6rem,3.6vw,2.3rem)}.onthaal-stappen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr));gap:1rem}.onthaal-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}.onthaal-kaart{display:flex;flex-direction:column;gap:.55rem;background:var(--vlak);border:1px solid var(--lijn);border-radius:22px;padding:1.6rem 1.5rem;box-shadow:var(--schaduw)}.onthaal-kaart{transition:transform .2s ease,box-shadow .2s ease}.onthaal-stappen .onthaal-kaart:hover{transform:translateY(-2px);box-shadow:0 2px 4px #1118200f,0 12px 28px #11182014}.onthaal-kaart h3{font-size:1.15rem;letter-spacing:-.015em}.onthaal-kaart p{margin:0;color:var(--gedempt)}.onthaal-kaart.groot{padding:clamp(1.7rem,3vw,2.5rem);gap:.8rem}.onthaal-kaart.groot h2{font-size:clamp(1.35rem,2.6vw,1.7rem);letter-spacing:-.02em}.onthaal-nummer{width:2.25rem;height:2.25rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--accent-zacht);color:var(--accent);font-weight:700;margin-bottom:.15rem}.onthaal-slot{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:clamp(3rem,7vw,5.5rem) 1.25rem clamp(2.5rem,5vw,4rem)}.onthaal-opstart{text-align:center;padding:0 1.25rem 2.5rem}.onderwerprij{list-style:decimal;margin:0;padding-left:1.4rem;color:var(--gedempt);font-size:.95rem}.onderwerprij li+li{margin-top:.3rem}.onderwerprij li.bezig{color:var(--accent);font-weight:600}.onderwerprij li.gedaan{opacity:.55}.onderwerpkeuze{list-style:decimal;margin:0 0 .6rem;padding-left:1.4rem;color:var(--gedempt)}.onderwerpkeuze li+li{margin-top:.5rem}.onderwerpregel{display:flex;gap:.5rem;align-items:center}.onderwerpkeuze select{flex:1 1 auto;min-width:0}.lijst li.leerlingregel{flex-wrap:wrap;align-items:center}.leerling-stand{text-align:right;margin-left:auto}.leerling-open{flex-basis:100%;display:flex;flex-direction:column;gap:.75rem;margin-top:.6rem;padding:.85rem;border:1px solid var(--lijn);border-radius:8px;background:var(--vlak)}.leerling-open>button.klein{align-self:flex-start}.leerling-open .waarschuwing p{margin:.35rem 0 .6rem}.velden-rij{display:flex;gap:.75rem;flex-wrap:wrap;align-items:flex-end}.velden-rij label{flex:1 1 11rem}.velden-rij .knoppen-rij{flex-basis:100%}button.klein.actief{border-color:var(--accent);color:var(--accent);font-weight:600}.bord{--bord-papier: #ffffff;--bord-inkt: #111820;--bord-gedempt: #5c6773;--bord-accent: #0f766e;--bord-lijn: #dfe4ea;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--bord-papier);color:var(--bord-inkt);padding:4vmin 5vmin 0;overflow:hidden}.bord.bord-aanDeKlas{--bord-papier: #0f766e;--bord-inkt: #ffffff;--bord-gedempt: rgba(255, 255, 255, .78);--bord-lijn: rgba(255, 255, 255, .28)}.bord-dia{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:3vmin;max-width:88rem;width:100%;margin:0 auto;overflow:auto;scrollbar-width:none}.bord-dia::-webkit-scrollbar{display:none}.bord-dia.bord-middel{gap:2.2vmin}.bord-dia.bord-dicht{gap:1.6vmin}.bord-titel{margin:0;letter-spacing:-.02em;line-height:1.1;font-weight:700;font-size:clamp(2rem,6.2vmin,4.6rem)}.bord-middel .bord-titel{font-size:clamp(1.9rem,5.4vmin,3.9rem)}.bord-dicht .bord-titel{font-size:clamp(1.7rem,4.6vmin,3.2rem)}.bord-punten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2vmin}.bord-punten li{display:flex;gap:2.2vmin;align-items:flex-start;background:#0f766e0d;border:1px solid var(--bord-lijn);border-radius:22px;padding:2.4vmin 2.8vmin;font-size:clamp(1.05rem,3.1vmin,2.1rem);line-height:1.4}.bord-middel .bord-punten li{font-size:clamp(1rem,2.6vmin,1.75rem);padding:2vmin 2.4vmin}.bord-dicht .bord-punten li{font-size:clamp(.95rem,2.2vmin,1.45rem);padding:1.6vmin 2vmin;gap:1.6vmin}.bord-bol{flex:none;width:1.9em;height:1.9em;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bord-accent);color:#fff;font-size:.62em;font-weight:700}.bord-figuur{flex:1 1 auto;min-height:0;display:flex;justify-content:center;align-items:center}.bord-figuur img{width:100%;height:100%;min-height:0;object-fit:contain;border-radius:16px;background:#fff}.bord-uitwerking{margin:0;padding:2vmin 2.4vmin;background:#ffffff24;border-radius:18px;font-size:clamp(.95rem,2.4vmin,1.6rem);line-height:1.45}.bord-letop{margin:0;padding:2vmin 2.4vmin;border:1px solid #8a5a00;background:#fdf5e2;color:#8a5a00;border-radius:18px;font-size:clamp(.95rem,2.2vmin,1.4rem)}.bord-stapnaam{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(.8rem,1.7vmin,1.05rem);font-weight:700;color:var(--bord-gedempt)}.bord-vraagtekst{max-width:30ch}.bord-tegels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2vmin}.bord-tegels li{display:flex;align-items:center;gap:2vmin;background:#fff;color:#111820;border-radius:22px;padding:2.4vmin 2.8vmin;font-size:clamp(1rem,2.8vmin,1.9rem);font-weight:600;box-shadow:0 1px 2px #1118200d,0 4px 16px #11182014}.bord-middel .bord-tegels li{font-size:clamp(.95rem,2.4vmin,1.6rem);padding:2vmin 2.4vmin}.bord-dicht .bord-tegels li{font-size:clamp(.85rem,2vmin,1.3rem);padding:1.5vmin 1.8vmin;gap:1.4vmin}.bord-middel .bord-tegels{gap:1.6vmin}.bord-dicht .bord-tegels{gap:1.2vmin}.bord-middel .bord-uitwerking{font-size:clamp(.9rem,2.1vmin,1.35rem);padding:1.6vmin 2vmin}.bord-dicht .bord-uitwerking{font-size:clamp(.85rem,1.8vmin,1.15rem);padding:1.3vmin 1.7vmin}.bord-middel .bord-teller p{font-size:clamp(1rem,2.8vmin,1.9rem)}.bord-dicht .bord-teller p{font-size:clamp(.95rem,2.3vmin,1.5rem)}.bord-letter{flex:none;width:2em;height:2em;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bord-accent);color:#fff;font-size:.7em;font-weight:700}.bord-typen{margin:0;font-size:clamp(1rem,2.6vmin,1.7rem);color:var(--bord-gedempt)}.bord-tegels.met-uitslag li{flex-wrap:wrap;row-gap:1.6vmin}.bord-tegels.met-uitslag li.mis{opacity:.6}.bord-tegels.met-uitslag li.juist{box-shadow:0 0 0 .5vmin #15803d,0 4px 16px #1118201f}.bord-tegels.met-uitslag li.juist .bord-letter{background:#15803d}.bord-staaf{flex-basis:100%;position:relative;display:flex;align-items:center;justify-content:flex-end;height:2.4vmin;min-height:18px;padding:0 1.4vmin;background:#11182017;border-radius:999px}.bord-staaf-vol{position:absolute;left:0;top:0;bottom:0;background:var(--bord-accent);border-radius:999px;transition:width .5s cubic-bezier(.2,.7,.3,1)}.bord-tegels.met-uitslag li.juist .bord-staaf-vol{background:#15803d}.bord-staaf b{position:relative;font-size:.62em;font-variant-numeric:tabular-nums}.bord-teller{display:flex;flex-direction:column;gap:1.2vmin}.bord-teller p{margin:0;font-size:clamp(1.1rem,3.4vmin,2.4rem);font-weight:700}.bord-teller p.bord-oproep{font-size:clamp(1rem,2.6vmin,1.7rem);font-weight:600;color:var(--bord-gedempt)}.bord-teller p.bord-erbij{font-size:clamp(.9rem,2.2vmin,1.4rem);font-weight:500;color:var(--bord-gedempt)}.bord-balk{height:1.2vmin;min-height:8px;border-radius:999px;background:var(--bord-lijn);overflow:hidden}.bord-balk-vol{height:100%;border-radius:999px;background:#fff;transition:width .4s ease}.bord-rail{list-style:none;margin:2vmin 0 0;padding:0;display:flex;gap:.7vmin;align-items:center;justify-content:center;flex-wrap:wrap}.bord-rail li{width:.9vmin;height:.9vmin;min-width:6px;min-height:6px;border-radius:999px;background:var(--bord-lijn)}.bord-rail li.vraagstip{background:none;border:2px solid var(--bord-lijn);width:1.2vmin;height:1.2vmin;min-width:9px;min-height:9px}.bord-rail li.gehad{background:var(--bord-gedempt)}.bord-rail li.gehad.vraagstip{background:none;border-color:var(--bord-gedempt)}.bord-rail li.nu{background:var(--bord-accent);width:2.6vmin;min-width:20px;border-radius:999px}.bord.bord-aanDeKlas .bord-rail li.nu{background:#fff}.bord-rail li.nu.vraagstip{background:#fff;border-color:#fff}.bord-voet{flex:none;display:flex;align-items:center;justify-content:space-between;gap:2vmin;padding:2vmin 0 2.4vmin;color:var(--bord-gedempt);font-size:clamp(.8rem,1.7vmin,1.05rem)}.bord-knoppen{display:flex;gap:.8vmin}.bord-voet button.pil{background:transparent;color:var(--bord-gedempt);border:1px solid var(--bord-lijn);padding:.7rem 1.4rem;font-size:.98rem}.bord-voet button.pil.primair{background:var(--bord-accent);border-color:var(--bord-accent);color:#fff}.bord.bord-aanDeKlas .bord-voet button.pil.primair{background:#fff;border-color:#fff;color:#0f766e}.bord-voet button.pil:disabled{opacity:.4}@media(max-width:40rem){.bord-tegels{grid-template-columns:minmax(0,1fr)}.bord-voet{flex-wrap:wrap;justify-content:center}}.paneel.klas-vraag{background:#0f766e;border-color:#0f766e;color:#fff}.paneel.klas-vraag .stapnaam,.paneel.klas-vraag .toelichting,.paneel.klas-vraag .hint{color:#ffffffd1}.paneel.klas-vraag .vraag{color:#fff}.paneel.klas-vraag .stappen .stap{border-color:#ffffff47}.paneel.klas-vraag .stap-naam,.paneel.klas-vraag .cijfers{color:#ffffffd1}.paneel.klas-vraag .stap.bezig{background:#ffffff29;border-color:#fff;color:#fff}.paneel.klas-vraag .stap.bezig .stap-naam,.paneel.klas-vraag .stap.bezig .cijfers{color:#fff}.keuzes.tegels{gap:.7rem}.keuzes.tegels button{display:flex;align-items:center;gap:.9rem;text-align:left;min-height:4.5rem;padding:1rem 1.2rem;background:#fff;color:#111820;border-color:#fff;border-radius:18px;font-size:1.1rem;font-weight:600}.keuzes.tegels button.gekozen{border:3px solid #ffd166;box-shadow:0 0 0 3px #ffd16659}.keuzes.tegels button:disabled{opacity:.75}.keuzes.tegels button:disabled.gekozen{opacity:1}.tegel-letter{flex:none;width:2.3rem;height:2.3rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0f766e;color:#fff;font-weight:700}.paneel.klas-vraag>button.primair{background:#fff;color:#0f766e;border-color:#fff}.paneel.klas-vraag .goed,.paneel.klas-vraag .mis{color:#fff;font-weight:700}.paneel.klas-vraag .uitwerking{color:#ffffffe6}.paneel.klas-vraag label{color:#ffffffd1}.weg{color:var(--gedempt);font-weight:500}.figuur{display:block;width:100%;height:auto;border:1px solid var(--lijn);border-radius:var(--rond);background:#fff}.klaarzitten{margin:0;padding:.75rem .95rem;border:1px solid var(--lijn);border-radius:var(--rond);background:var(--papier);font-size:.95rem;line-height:1.5}.klaarzitten.allemaal{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent)}@keyframes bord-op{0%{opacity:0;transform:translateY(1.8vmin)}}@keyframes bord-titel-op{0%{opacity:0;transform:translateY(-1.2vmin)}}@keyframes bord-tegel-op{0%{opacity:0;transform:translateY(2vmin) scale(.97)}}@keyframes bord-tel-op{0%{transform:scale(1.14)}}@keyframes tegel-pop{0%{transform:scale(.96)}}.bord{transition:background-color .45s ease,color .45s ease}.bord-titel{animation:bord-titel-op .3s ease}.bord-punten li{animation:bord-op .34s cubic-bezier(.2,.7,.3,1)}.bord-letop{animation:bord-op .28s ease}.bord-uitwerking{animation:bord-op .3s ease}.bord-figuur img{animation:bord-op .4s cubic-bezier(.2,.7,.3,1)}.bord-tegels li{animation:bord-tegel-op .34s cubic-bezier(.2,.7,.3,1) backwards}.bord-teller p{animation:bord-tel-op .3s cubic-bezier(.3,1.4,.5,1)}.bord-rail li{transition:width .25s ease,background-color .25s ease,border-color .25s ease}.keuzes.tegels button{transition:transform .12s ease,box-shadow .2s ease}.keuzes.tegels button:active:not(:disabled){transform:scale(.98)}.keuzes.tegels button.gekozen{animation:tegel-pop .26s cubic-bezier(.3,1.4,.5,1)}@media(prefers-reduced-motion:reduce){.bord,.bord-titel,.bord-punten li,.bord-letop,.bord-uitwerking,.bord-figuur img,.bord-tegels li,.bord-teller p,.bord-rail li,.bord-balk-vol,.bord-staaf-vol,.keuzes.tegels button,.keuzes.tegels button.gekozen{animation:none;transition:none}}