:root{--grond:#0e1b2a;--vlak:#13243a;--vlak2:#1a2e47;--lijn:#2a4060;--inkt:#d7e3f0;--neutraal:#8fa3b8;--accent:#ffb84d;--op-accent:#12202f;--contrast:#4dc9ff;--gemerkt:#ff5d5d;--raster:#1b2c40;--kop:"Space Grotesk", "Inter", system-ui, sans-serif;--tekst:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--grond:#f7f6f2;--vlak:#fff;--vlak2:#eef1f4;--lijn:#cbd5df;--inkt:#0e1b2a;--neutraal:#5e7183;--contrast:#1b7fa8;--gemerkt:#d64545;--raster:#e3e8ee;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--grond);color:var(--inkt);font-family:var(--tekst);min-height:100vh;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--kop);text-wrap:balance;margin:0;line-height:1.2}button{font:inherit;cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--contrast);outline-offset:2px}.inhoud{align-content:start;gap:18px;max-width:1180px;margin:0 auto;padding:22px 26px 40px;display:grid}@media (width<=600px){.inhoud{padding:16px 16px 32px}}.kruimel{color:var(--neutraal);flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:.85rem;display:flex}.kruimel button{color:var(--neutraal);text-underline-offset:2px;background:0 0;border:0;border-radius:6px;min-height:32px;margin:0 -4px;padding:0 4px;text-decoration:underline}.kruimel .soort{margin-left:4px}.kopregel{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.knop{background:var(--vlak2);color:var(--inkt);border:1px solid var(--lijn);border-radius:10px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.knop.hoofd{background:var(--accent);color:var(--op-accent);border-color:var(--accent)}.knop:disabled{opacity:.5;cursor:default}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--neutraal);font-size:.75rem;font-weight:600}.zacht{color:var(--neutraal);margin:0}.fout-melding{color:var(--gemerkt);margin:0;font-size:.9rem}.login{gap:14px;max-width:380px;margin:40px auto;display:grid}.login h2{font-size:1.7rem}.login input{font:inherit;letter-spacing:.06em;border:1px solid var(--lijn);background:var(--vlak);color:var(--inkt);font-variant-numeric:tabular-nums;border-radius:10px;padding:12px 14px;font-size:1.3rem}.login p{color:var(--neutraal);margin:0;font-size:.9rem}.advies{gap:10px;display:grid}.advieskaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;grid-template-columns:4px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px 14px 0;display:grid}.advieskaart .rail{background:var(--accent);border-radius:0 3px 3px 0;align-self:stretch}.advieskaart h3{font-size:1.05rem}.advieskaart p{color:var(--neutraal);margin:2px 0 0;font-size:.9rem}.hfd{gap:8px;display:grid}.hfd h3{font-size:1rem}.pars{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;display:grid}.par{text-align:left;background:var(--vlak);border:1px solid var(--lijn);color:var(--inkt);border-radius:10px;gap:6px;padding:10px 12px;display:grid}.par b{font-family:var(--kop);font-weight:700}.par span{color:var(--neutraal);font-size:.85rem}.balkje{background:var(--raster);border-radius:3px;height:5px;overflow:hidden}.balkje i{background:var(--contrast);height:100%;display:block}.videos{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.video{color:var(--inkt);text-align:left;background:0 0;border:0;gap:6px;padding:0;display:grid}.video .tn{border:1px solid var(--lijn);aspect-ratio:16/9;background:var(--vlak);border-radius:8px;position:relative;overflow:hidden}.video .tn img{object-fit:cover;width:100%;height:100%;display:block}.video .duur{color:#fff;font-variant-numeric:tabular-nums;background:#000000bf;border-radius:4px;padding:1px 6px;font-size:.75rem;position:absolute;bottom:6px;right:6px}.video b{font-size:.9rem;font-weight:600}.video span{color:var(--neutraal);font-size:.8rem}.opgaven{gap:8px;display:grid}.opg{text-align:left;background:var(--vlak);border:1px solid var(--lijn);color:var(--inkt);border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.soort{color:var(--neutraal);border:1px solid var(--lijn);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.72rem}.st{color:var(--neutraal);font-size:.85rem}.st.goed{color:var(--contrast)}.st.fout{color:var(--gemerkt)}.speler-achter{z-index:20;background:#05090fd1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.speler{background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;flex-direction:column;gap:12px;width:min(1000px,100%);max-height:100%;padding:14px;display:flex;overflow:auto}.speler .kader{aspect-ratio:16/9;background:#000;border-radius:8px;flex:none;width:min(100%,177.778vh - 444.444px);margin-inline:auto;position:relative;overflow:hidden}.speler iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.hoofdstukken{flex-wrap:wrap;gap:6px;display:flex}.hoofdstukken button{border:1px solid var(--lijn);color:var(--inkt);background:0 0;border-radius:999px;padding:3px 10px;font-size:.82rem}.hoofdstukken button b{font-variant-numeric:tabular-nums;color:var(--neutraal);margin-right:4px;font-weight:600}.opgave{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}@media (width<=760px){.opgave{grid-template-columns:minmax(0,1fr)}}.vraag{gap:10px;display:grid}.vraag h2{font-size:1.25rem}.vraag p{max-width:60ch;margin:0}.stappen{gap:10px;display:grid}.stap{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;display:grid}.nr{border:2px solid var(--neutraal);width:26px;height:26px;color:var(--neutraal);border-radius:50%;place-items:center;margin-top:4px;font-size:.8rem;font-weight:700;display:grid}.stap.goed .nr{border-color:var(--contrast);color:var(--contrast)}.stap.fout .nr{border-color:var(--gemerkt);color:var(--gemerkt)}.veld{gap:4px;display:grid}.veld .label{font-size:.7rem}.veld input,.veld select{font:inherit;border:1px solid var(--lijn);background:var(--vlak);color:var(--inkt);font-variant-numeric:tabular-nums;border-radius:8px;width:100%;min-width:0;padding:8px 10px}.stap.fout input,.stap.fout select{border-color:var(--gemerkt)}.stap.goed input,.stap.goed select{border-color:var(--contrast)}.rij{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;display:grid}.antwoordrij{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:6px;display:grid}.hint{color:var(--gemerkt);margin:0;font-size:.8rem}.acties{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.maat{font-variant-numeric:tabular-nums;color:var(--neutraal);margin:0;font-size:.85rem}.feedback{background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;gap:12px;padding:16px;display:grid}.uitslag{font-family:var(--kop);font-size:1.1rem;font-weight:700}.uitslag.goed{color:var(--contrast)}.uitslag.fout{color:var(--gemerkt)}.fb-blok{gap:2px;display:grid}.fb-blok p{margin:0}.fb-bron{color:var(--neutraal);font-size:.75rem}.denkt{color:var(--neutraal);margin:0;font-style:italic}.aanbevolen{color:var(--inkt);border:0;border-top:1px solid var(--lijn);text-align:left;background:0 0;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:12px;padding:12px 0 0;display:grid}.aanbevolen img{border:1px solid var(--lijn);border-radius:6px;width:100%;display:block}.aanbevolen span{color:var(--neutraal);font-size:.85rem}details.uitwerking{border-top:1px solid var(--lijn);padding-top:10px}details.uitwerking summary{cursor:pointer;color:var(--neutraal)}details.uitwerking ol{margin:8px 0 0;padding-left:20px}.tekenvlak{background:var(--vlak);border:1px solid var(--lijn);touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;border-radius:10px;width:100%;max-width:560px;display:block}.tekenvlak .raster line{stroke:var(--raster);stroke-width:1px}.tekenvlak .fig{fill:none;stroke:var(--neutraal);stroke-width:3px;stroke-linecap:round}.tekenvlak .pijl{stroke:var(--accent);stroke-width:5px;fill:none;stroke-linecap:round}.tekenvlak .kop{fill:var(--accent)}.tekenvlak .schaal{stroke:var(--inkt);stroke-width:2px}.tekenvlak text{fill:var(--inkt);font:600 14px var(--tekst)}.tekenvlak .aan{fill:var(--contrast)}.tekenvlak .fig-icoon{color:var(--neutraal)}.tekenvlak .maat line{stroke:var(--neutraal);stroke-width:2px}.illustratie{width:100%;max-width:520px;height:auto;max-height:280px;color:var(--neutraal);margin:4px 0;display:block}.illustratie .grondlijn,.illustratie .maat line{stroke:currentColor;stroke-width:2px;stroke-linecap:round}.illustratie text{fill:var(--inkt);font:600 15px var(--tekst)}@media (width<=760px){.illustratie{max-height:40vh}}.mk{gap:8px;display:grid}.mk label{background:var(--vlak);border:1px solid var(--lijn);cursor:pointer;border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:10px 12px;display:grid}.mk input{accent-color:var(--accent);margin-top:4px}.mk label.goed{border-color:var(--contrast)}.mk label.fout{border-color:var(--gemerkt)}.kaart{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.kaart>div,.kaart>button{background:var(--vlak);border:1px solid var(--lijn);text-align:left;color:var(--inkt);font:inherit;border-radius:10px;gap:6px;padding:10px;display:grid}.kaart>button{cursor:pointer}.kaart>button:hover:not(:disabled){border-color:var(--neutraal)}.kaart>button:disabled{cursor:default;opacity:.6}.kaart b{font-family:var(--kop)}.kaart span{color:var(--neutraal);font-size:.8rem}.tabelwrap{border:1px solid var(--lijn);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.85rem}th,td{border-bottom:1px solid var(--lijn);text-align:left;white-space:nowrap;padding:7px 10px}th{color:var(--neutraal);background:var(--vlak);font-weight:600}td.c{text-align:center}.cel{text-align:center;border-radius:6px;min-width:38px;padding:1px 6px;display:inline-block}.cel.g{color:var(--contrast);border:1px solid var(--contrast)}.cel.m{color:var(--inkt);border:1px solid var(--neutraal)}.cel.f{color:var(--gemerkt);border:1px solid var(--gemerkt)}.cel.n{color:var(--neutraal)}.bezig{color:var(--contrast)}.log{gap:8px;display:grid}.log>div{background:var(--vlak);border:1px solid var(--lijn);border-radius:10px;gap:4px;padding:10px 12px;font-size:.85rem;display:grid}.keuzerij{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.keuzerij button{border:1px solid var(--lijn);color:var(--inkt);background:0 0;border-radius:8px;padding:5px 10px;font-size:.85rem}.keuzerij button[aria-pressed=true]{background:var(--vlak2);border-color:var(--neutraal);font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.opgave.reken{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 256px;gap:20px}.werk{align-content:start;gap:10px;display:grid}.uitwerkvorm{gap:6px;display:grid}.uitwerkvlak{font:15px/26px var(--tekst);font-variant-numeric:tabular-nums;color:var(--inkt);background-color:var(--vlak);background-image:repeating-linear-gradient(to bottom, transparent 0 25px, var(--raster) 25px 26px);border:1px solid var(--lijn);resize:vertical;background-position:0 9px;background-attachment:local;border-radius:10px;width:100%;height:clamp(190px,100vh - 330px,400px);padding:9px 12px}.uitwerkvlak::placeholder{color:var(--neutraal);opacity:.8}.uitwerkvlak.goed{border-color:var(--contrast)}.uitwerkvlak.fout{border-color:var(--gemerkt)}.rm-schakel{display:none}.rm-kolom{align-self:start;position:sticky;top:64px}@media (width<=1080px){.opgave.reken{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rm-schakel{display:inline-block}.rm-kolom{grid-column:2;justify-self:start;display:none;position:static}.rm-kolom.open{display:block}}@media (width<=760px){.opgave.reken{grid-template-columns:minmax(0,1fr)}.rm-kolom{grid-column:1;justify-self:center}}.checklist{gap:5px;margin:0;padding:0;list-style:none;display:grid}.stappen-oproep{margin:0;font-weight:600}.checklist li{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:10px;font-size:.9rem;display:grid}.checklist .ik{border:2px solid;border-radius:50%;place-items:center;width:24px;height:24px;margin-top:1px;font-size:.78rem;font-weight:700;line-height:1;display:grid}.checklist li.goed .ik{color:var(--contrast)}.checklist li.fout .ik{color:var(--gemerkt)}.checklist li.ontbreekt .ik,.checklist .st{color:var(--neutraal)}.checklist li.fout .st{color:var(--gemerkt)}.checklist small{color:var(--neutraal);font-size:.8rem;line-height:1.4;display:block}.opmerking{border-left:3px solid var(--accent);margin:0;padding-left:9px;font-size:.9rem}.cel .zs{color:var(--neutraal);font-size:.7rem}.rm{gap:8px;width:100%;max-width:256px;display:grid}.rm-romp{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(#bfe2f3 0%,#a6d3ea 55%,#96c8e2 100%);border-radius:20px 20px 28px 28px;outline:none;padding:12px 11px 14px;box-shadow:inset 0 1px #ffffffb3,inset 0 -3px #00000014,0 6px 16px #00000047}.rm-romp:focus-visible{box-shadow:0 0 0 3px var(--accent), 0 6px 16px #00000047}.rm-scherm{color:#17201b;background:linear-gradient(#d3dbd3,#c6d0c8);border:7px solid #2b3b4a;border-radius:9px;grid-template-rows:12px minmax(0,1fr) auto;height:96px;padding:3px 8px 5px;font-family:Inter,system-ui,sans-serif;display:grid;overflow:hidden;box-shadow:inset 0 2px 5px #0000004d}.rm-status{opacity:.75;gap:6px;font-size:9px;font-weight:700;line-height:12px;display:flex}.rm-in{white-space:nowrap;align-items:center;gap:0;font-size:16px;line-height:1.1;display:flex;overflow:hidden}.rm-uit{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:3px;font-size:22px;font-weight:500;display:flex}.rm-uit sup{align-self:flex-start;font-size:.55em}.rm-foutmelding{flex-direction:column;align-items:flex-end;gap:0;font-size:15px;font-weight:700}.rm-foutmelding small{font-size:9px;font-weight:500}.rm-breuk{vertical-align:middle;text-align:center;flex-direction:column;margin:0 2px;font-size:.78em;line-height:1.05;display:inline-flex}.rm-breuk>span{justify-content:center;align-items:center;padding:0 2px;display:flex}.rm-breuk>span:first-child{border-bottom:1.5px solid}.rm-wortel{align-items:center;display:inline-flex}.rm-onder{border-top:1.5px solid;align-items:center;margin-left:1px;padding:0 1px;display:inline-flex}.rm-sup,.rm-in sup{align-self:flex-start;align-items:center;font-size:.65em;display:inline-flex}.rm-e sub{font-size:.62em}.rm-vak{opacity:.55;vertical-align:middle;border:1px dashed;width:.55em;height:.75em;font-style:normal;display:inline-block}.rm-vak.klein{width:.5em;height:.55em}.rm-cursor{vertical-align:middle;background:currentColor;width:1.5px;height:1em;margin:0 -.75px;animation:1s step-end infinite rm-knipper;display:inline-block}@keyframes rm-knipper{50%{opacity:0}}.rm-functies,.rm-cijfers{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.rm-functies{gap:6px;margin-top:11px}.rm-cijfers{gap:7px 6px;margin-top:11px}.rm-knop{border:0;border-radius:7px;justify-content:center;align-items:center;gap:1px;height:34px;padding:0;font:600 16px/1 Inter,system-ui,sans-serif;transition:transform 50ms;display:flex;box-shadow:0 2px #00000059}.rm-knop:active{box-shadow:none;transform:translateY(2px)}.rm-knop:focus-visible{outline-offset:1px;outline:2px solid #ffb84d}.rm-knop sup{align-self:flex-start;margin-top:4px;font-size:.6em}.rm-knop.f{color:#fff;background:#233a52;border-radius:13px;height:27px;font-size:13px}.rm-knop.n{color:#15222f;background:#f6f8fa}.rm-knop.b{color:#fff;background:#3c7fbe;font-size:13px}.rm-knop.x{color:#fff;background:#2b6aa3;font-size:13px}.rm-knop .rm-vak{opacity:.8;border-color:#fff}.rm-ic-breuk{flex-direction:column;align-items:center;gap:3px;display:inline-flex}.rm-ic-breuk i{border:1.2px solid #fff;width:8px;height:7px;display:block}.rm-ic-breuk i:first-child{background:#fff;position:relative}.rm-ic-breuk i:first-child:after{content:"";border-bottom:1.2px solid #fff;position:absolute;bottom:-3px;left:-4px;right:-4px}.rm-scherm.klaar .rm-cursor{display:none}.rm-plak{width:100%;padding:8px 12px}@media (prefers-reduced-motion:reduce){.rm-cursor{animation:none}}html{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}button,.knop,a{touch-action:manipulation}.navrail,.topbalk,.onderbalk,.actiebalk,.knop,.rm-sheetkop{-webkit-user-select:none;user-select:none}.navrail,.topbalk,.onderbalk,.rm-sheetkop,.rm-schakel-icoon{display:none}.knop:active:not(:disabled){filter:brightness(.92)}.icoonknop{width:48px;height:48px;color:var(--inkt);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.icoonknop:active{background:var(--vlak2)}@media (width<=760px){body{font-size:16px}input,textarea,select{font-size:max(16px,1em)!important}.uitwerkvlak{background-image:repeating-linear-gradient(to bottom, transparent 0 27px, var(--raster) 27px 28px);font-size:16px;line-height:28px}.kruimel{display:none}.topbalk{z-index:10;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(4px, env(safe-area-inset-right)) 0 max(4px, env(safe-area-inset-left));background:var(--vlak);border-bottom:1px solid var(--lijn);align-items:center;gap:4px;display:flex;position:sticky;top:0}.topbalk-ruimte{flex:none;width:12px}.topbalk-titel{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:1.15rem;overflow:hidden}.menuwrap{position:relative}.menu{z-index:30;background:var(--vlak2);border:1px solid var(--lijn);border-radius:12px;min-width:220px;padding:8px 0;display:grid;position:absolute;top:52px;right:4px;box-shadow:0 8px 24px #0000004d}.menu>*{text-align:left;min-height:48px;color:var(--inkt);background:0 0;border:0;align-items:center;gap:12px;padding:0 16px;font-size:1rem;display:flex}.menu>button:active{background:var(--vlak)}.menu .menu-code{color:var(--neutraal);font-variant-numeric:tabular-nums;border-bottom:1px solid var(--lijn);font-size:.9rem}.onderbalk{z-index:10;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--vlak);border-top:1px solid var(--lijn);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.toetsenbord-open .onderbalk{display:none}.onderbalk button{max-width:180px;min-height:72px;color:var(--neutraal);background:0 0;border:0;flex:1;align-content:center;justify-items:center;gap:4px;padding:8px 0 10px;display:grid}.onderbalk .pil{border-radius:16px;place-items:center;width:64px;height:32px;transition:background-color .2s;display:grid}.onderbalk .onderlabel{letter-spacing:.01em;font-size:.78rem;font-weight:600}.onderbalk button.actief{color:var(--inkt)}.onderbalk button.actief .pil{background:var(--vlak2);box-shadow:inset 0 0 0 1px var(--lijn)}.inhoud{padding:16px max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left))}.app.met-onderbalk .inhoud{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.app.met-actiebalk .inhoud{padding-bottom:calc(112px + env(safe-area-inset-bottom))}html{scroll-padding-top:72px}.knop{min-height:48px;padding:12px 18px}.opg,.par,.kaart>button,.advieskaart{min-height:56px}.opg{padding:12px 14px}.mk label{align-items:center;min-height:52px;padding:12px 14px}.mk input{width:20px;height:20px;margin-top:0}.hoofdstukken button{min-height:44px;padding:6px 14px}.advieskaart{grid-template-columns:4px minmax(0,1fr)}.advieskaart>.knop{grid-column:2;justify-self:start;margin-right:16px}.actiebalk{left:0;right:0;bottom:var(--toetsenbord,0px);z-index:9;padding:10px max(16px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--vlak);border-top:1px solid var(--lijn);flex-wrap:nowrap;gap:8px;margin:0;display:flex;position:fixed}.toetsenbord-open .actiebalk{padding-bottom:10px}.actiebalk .knop.hoofd{flex:1}.actiebalk .knop{white-space:nowrap}.actiebalk .rm-schakel{flex:none;place-items:center;width:52px;padding:0;display:inline-grid}.rm-schakel-tekst{display:none}.rm-schakel .rm-schakel-icoon{display:block}.app:has(.rm-kolom.open) .inhoud{padding-bottom:80dvh}.opgave.reken .rm-kolom,.opgave.reken .rm-kolom.open{z-index:20;overscroll-behavior:contain;background:var(--vlak);border-top:1px solid var(--lijn);width:auto;max-height:calc(100dvh - 72px);padding:0 max(12px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));visibility:hidden;border-radius:20px 20px 0 0;justify-self:stretch;transition:transform .28s cubic-bezier(.2,0,0,1),visibility 0s linear .28s;display:block;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -8px 28px #00000059}.opgave.reken .rm-kolom.open{visibility:visible;transition:transform .28s cubic-bezier(.2,0,0,1),visibility;transform:translateY(0)}.rm-sheetkop{touch-action:none;cursor:grab;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;padding:6px 0 4px;display:grid}.rm-greep{background:var(--neutraal);opacity:.5;border-radius:2px;grid-column:1/-1;justify-self:center;width:32px;height:4px;margin-bottom:4px}.rm-sheetkop b{font-family:var(--kop);grid-column:1/3;padding-left:4px}.rm-sheetkop .knop{min-height:40px;padding:6px 14px}.rm{max-width:420px;margin:0 auto}.rm-scherm{height:100px}.rm-knop{height:46px;font-size:18px}.rm-knop.f{border-radius:20px;height:40px;font-size:15px}.rm-knop.b,.rm-knop.x{font-size:15px}.rm-functies,.rm-cijfers{gap:8px}.rm-plak{min-height:48px}.uitwerkvlak{height:clamp(180px,38dvh,340px)}.fb-plek{scroll-margin-top:72px}.speler-achter{padding:0}.speler{height:100%;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));border-radius:0}}@media (prefers-reduced-motion:reduce){.opgave.reken .rm-kolom,.opgave.reken .rm-kolom.open{transition:none!important}}kbd{font:600 .72rem/1 var(--tekst);border:1px solid var(--lijn);background:var(--vlak2);color:var(--inkt);border-bottom-width:2px;border-radius:4px;padding:2px 5px}.rm-hint{display:none}.tekenvlak:focus-visible{outline:2px solid var(--contrast);outline-offset:2px}.tekenvlak .kruis circle,.tekenvlak .kruis line{fill:none;stroke:var(--contrast);stroke-width:2px}@media (width>=761px){.app{padding-left:80px}.navrail{z-index:10;background:var(--vlak);border-right:1px solid var(--lijn);flex-direction:column;align-items:center;gap:4px;width:80px;padding:12px 0;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.rail-merk{color:var(--inkt);background:0 0;border:0;border-radius:12px;justify-items:center;gap:2px;margin-bottom:14px;padding:4px;display:grid}.rail-merk img{border-radius:9px;display:block}.rail-bestemmingen,.rail-voet{justify-items:center;gap:6px;display:grid}.rail-voet{margin-top:auto}.rail-item{width:72px;min-height:56px;color:var(--neutraal);background:0 0;border:0;border-radius:12px;align-content:center;justify-items:center;gap:4px;padding:4px 0;display:grid}.rail-item .pil{border-radius:16px;place-items:center;width:56px;height:32px;transition:background-color .15s;display:grid}.rail-label{text-align:center;max-width:72px;font-size:.72rem;font-weight:600;line-height:1.15}.rail-item.actief{color:var(--inkt)}.rail-item.actief .pil{background:var(--vlak2);box-shadow:inset 0 0 0 1px var(--lijn)}.rail-code{color:var(--neutraal);font-variant-numeric:tabular-nums;text-align:center;overflow-wrap:anywhere;max-width:76px;padding:0 2px 4px;font-size:.66rem;line-height:1.2}.inhoud{padding-top:18px}.vraag-label{display:none}.vraag p{max-width:34em}.feedback p,.advieskaart p{max-width:36em}.knop{min-height:44px}details.uitwerking summary{padding:9px 0}.keuzerij button,.hoofdstukken button{min-height:36px}.acties{row-gap:8px}.uitwerkvlak{height:clamp(190px,100vh - 250px,420px)}.rm-kolom{top:16px}}@media (width>=1081px) and (height>=600px){.rm-knop{height:40px}.rm-knop.f{border-radius:16px;height:32px}}@media (width>=1081px){.rm:focus-within .rm-hint{color:var(--neutraal);margin:0;font-size:.72rem;line-height:1.7;display:block}.rm-hint kbd{padding:1px 4px;font-size:.68rem}}@media (hover:hover){.knop:hover:not(:disabled){border-color:var(--neutraal)}.knop.hoofd:hover:not(:disabled){filter:brightness(1.06);border-color:var(--accent)}.par:hover,.opg:hover,.mk label:hover,.aanbevolen:hover img,.video:hover .tn{border-color:var(--neutraal)}.par,.opg,.mk label{transition:border-color .12s,background-color .12s}.par:hover,.opg:hover{background:var(--vlak2)}.kruimel button:hover,details.uitwerking summary:hover{color:var(--inkt)}.hoofdstukken button:hover,.keuzerij button:hover{border-color:var(--neutraal)}.rail-item:hover{color:var(--inkt)}.rail-item:hover .pil,.rail-merk:hover{background:var(--vlak2)}.rm-knop:hover{filter:brightness(1.08)}.tekenvlak:hover{border-color:var(--neutraal)}}.thumbnail{width:100%;height:100%;display:block}.tn-raster line{stroke:var(--raster);stroke-width:1px}.tn-icoon{color:var(--neutraal)}.tn-element path{fill:none;stroke:var(--accent);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.tn-achter{opacity:.3}.tn-boven path{stroke-width:3.2px}.tn-plek rect{fill:none;stroke:var(--lijn);stroke-width:2px;stroke-dasharray:5 5}.groet{gap:2px;display:grid}.groet h2{font-size:1.6rem}.gereedschap{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.zoekveld{min-width:0;font:inherit;border:1px solid var(--lijn);background:var(--vlak);min-height:42px;color:var(--inkt);border-radius:10px;flex:240px;padding:9px 12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--lijn);background:var(--vlak);color:var(--inkt);border-radius:999px;min-height:36px;padding:6px 12px;font-size:.88rem}.chip[aria-pressed=true]{background:var(--inkt);color:var(--grond);border-color:var(--inkt)}.wissel{border:1px solid var(--lijn);border-radius:10px;display:inline-flex;overflow:hidden}.wissel button{background:var(--vlak);color:var(--neutraal);border:0;min-height:40px;padding:0 14px}.wissel button[aria-pressed=true]{background:var(--vlak2);color:var(--inkt);font-weight:600}.startkop{font-size:1.1rem}.leeg{text-align:center;color:var(--neutraal);border:1px dashed var(--lijn);border-radius:12px;margin:0;padding:20px}.starttegels{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.starttegel{text-align:left;background:var(--vlak);border:1px solid var(--lijn);color:var(--inkt);border-radius:12px;align-content:start;padding:0;display:grid;overflow:hidden}.starttegel .tn{aspect-ratio:16/10;background:var(--vlak2);max-width:100%;display:block}.starttekst{gap:5px;min-width:0;padding:10px 12px 12px;display:grid}.starttekst h4{font-family:var(--kop);margin:0;font-size:1rem;line-height:1.25}.starttekst .meta{color:var(--neutraal);font-variant-numeric:tabular-nums;font-size:.82rem}.starttekst .boven{color:var(--neutraal);font-size:.75rem}.startlijst{border:1px solid var(--lijn);background:var(--vlak);border-radius:12px;display:grid;overflow:hidden}.startrij{text-align:left;border:0;border-top:1px solid var(--lijn);color:var(--inkt);background:0 0;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px;display:grid}.startrij:first-child{border-top:0}.startrij .tn{aspect-ratio:16/10;background:var(--vlak2);border-radius:6px;width:72px;display:block;overflow:hidden}.startrij .starttekst{padding:0}@media (hover:hover) and (pointer:fine){.starttegel,.startrij,.chip{transition:border-color .12s,background-color .12s}.starttegel:hover{border-color:var(--neutraal)}.startrij:hover{background:var(--vlak2)}}@media (width<=600px){.starttegels{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.starttekst{padding:8px 10px 10px}.starttekst h4{font-size:.92rem}}.opgavenav{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.opgavenav .teller{color:var(--neutraal);font-variant-numeric:tabular-nums;font-size:.85rem}.opgavenav .knop.klein{white-space:nowrap;justify-self:start;min-height:36px;padding:6px 12px;font-size:.88rem}.opgavenav>:last-child{justify-self:end}@media (width<=760px){.opgavenav .knop.klein{min-height:44px}}.privacy{gap:10px;max-width:68ch;display:grid}.privacy h2{font-size:1.6rem}.privacy h3{margin-top:12px;font-size:1.05rem}.privacy p,.privacy ul{margin:0}.privacy ul{gap:4px;padding-left:1.2em;display:grid}.privacy a{color:var(--contrast)}.test-melding{background:var(--vlak);border:1px solid var(--accent);border-radius:10px;padding:12px 14px}.tekstknop{color:var(--contrast);text-underline-offset:2px;font-size:inherit;background:0 0;border:0;min-height:32px;padding:0;text-decoration:underline}.soortrij{flex-basis:100%;order:3;align-items:center}.soortrij .label{margin-right:4px}.advieskaart.met-weg{grid-template-columns:4px minmax(0,1fr) auto auto;gap:10px}.wegklik{color:var(--neutraal);background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;margin-right:-6px;display:grid}.wegklik:hover{background:var(--vlak2);color:var(--inkt)}@media (width<=600px){.advieskaart.met-weg{grid-template-columns:4px minmax(0,1fr) auto}.advieskaart.met-weg .knop{grid-column:2;justify-self:start}.advieskaart.met-weg .wegklik{grid-area:1/3;align-self:start;width:44px;height:44px}}.tegelknop{text-align:left;color:inherit;background:0 0;border:0;align-content:start;width:100%;min-width:0;margin:0;padding:0;display:grid}.startrij{align-items:center;gap:8px;display:flex}.startrij>.tegelknop{flex:1;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;display:grid}.videochip{border:1px solid var(--lijn);background:var(--grond);color:var(--inkt);white-space:nowrap;border-radius:999px;place-self:start;align-items:center;gap:6px;min-height:36px;margin:0 12px 12px;padding:4px 12px 4px 6px;font-size:.82rem;display:inline-flex}.startrij .videochip{align-self:center;margin:0}.videochip[aria-expanded=true]{background:var(--inkt);color:var(--grond);border-color:var(--inkt)}.videochip .speel{background:var(--vlak2);width:22px;height:22px;color:var(--inkt);border-radius:50%;place-items:center;display:grid}.videostrook{background:var(--vlak);border:1px solid var(--lijn);border-radius:12px;grid-column:1/-1;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:12px;display:grid}.startlijst .videostrook{border-width:1px 0 0;border-radius:0}.vstrook{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:minmax(190px,220px);grid-auto-flow:column;gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.vkaart{scroll-snap-align:start;text-align:left;background:var(--grond);border:1px solid var(--lijn);color:var(--inkt);border-radius:10px;grid-template-columns:minmax(0,1fr);padding:0;display:grid;overflow:hidden}.vbeeld{aspect-ratio:16/9;background:var(--vlak2);display:block;position:relative}.vbeeld img{object-fit:cover;width:100%;height:100%;display:block}.vbeeld .duur{color:#fff;font-variant-numeric:tabular-nums;background:#000000bf;border-radius:4px;padding:1px 6px;font-size:.75rem;position:absolute;bottom:6px;right:6px}.vtitel{font-family:var(--kop);padding:8px 10px 10px;font-size:.9rem;font-weight:700;line-height:1.3}@media (hover:hover) and (pointer:fine){.vkaart:hover,.videochip:hover{border-color:var(--neutraal)}}@media (width<=600px){.videochip{min-height:40px;margin:0 10px 10px}.startrij .videochip{margin:0}}