@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAa0ABQAAAAADOwAAAZHAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbbhwoP0hWQVJtP01WQVJGBmA/U1RBVIEcAGQvXBEICoMkgmcLFgAwhEwBNgIkAyYEIAWGXAdiDAcbOgtRlHLSRcD8TEzkdoghPRuspKefbVnJIM5yRfA8vZv9uTNJSCZY21Scrigr6qyJ/C3sE1OFKuVP3e+lxUTbYio1zb/kFdk2bufY2BlhWERRBrcDUBhB5GEpd2Cy+MDxqf9zLPX+XVsk5r+s50d6IpWLatqbdT6f2MAikiOKQocbjya2QT0DqPDX4R0jQBgAUAiCRhDA0EkvYeLk9X3I2bEWI8jBAihIANm+kUWQBgggWChcBBdFhXlAUgOCAgBA0AgKjUJ8HKvjddFCKSgAVklEBYAeEJgCQJH0qB3B+neDg4sAA4hAD0AVIEAA0IACJGeaUjMIIIhBUE/zNABjTQMBwEVRcwcYBUCObLERABAgjAA1M/ZSa9hSi4OlpsnZ2KBOVUsAZlRGl1W0NZ6gSwhQPIAFs7YFL0QS91vRQgdgx2VDAnIegKpQvwAJIoLgooBAGtCJcHizg0TDiz8vhPgIcVXaDJu37ZyDAIjFy4AAiC1JAA0olJwN6nFAACQk/zfQVUuA3t5ELKMT9hpBSRj+HBSggYCIAIEkUoC4PCIQIWHGA8+IStxf0PW15ntP22gc+Wo+BLyQAHECQiAVd+c3Ba8gZ4NOACBaLOhsbIMkAXEmuHsSAvkf4oJaAogH6nEQAzoBIEihUAwAA0AACAObAGcANYAAABaqgMmpWAhiiVyrvNyqFV8tMQ5Iyq6r9Lf7W82i8ILl2cv8zbfdJ5lnPzSnvt/XXPfRR/5pH3xA+u5uS0798EPJ3Fft33w36Wc+8E/7aIB/9fvvb1pE9erNXLB9mkw//cSg8Cnx03VGXDvZnRzKqV9Xkhn7eRHb3wVjHpg19nkZpX9bBU+vnHegrsuQcbW9Bi7oO33h+8SU0Tly/MbeYUuG1cftVz6oNxrW0qH1iezq446fkDFo/rgvTkqt7zmteFzncZ0uxXti09FFF2z+C7CODpjUudOE5NSeb3bv/mbPKcmOEzpWQ3VBgBAuj/AOY3qMm7UvgA8qo3+qvAUBBAX0wADQG4AG+jCKaSxkBe/zvcTG8jRpRZgqhCog4sd++cOo7J+/RdvaaMoc78Ri/PNPSclx6fDvG1Kt3qQFi1rq+5EaavTtt9TVvfvucYsA5wc4oESU+E1ikF9TkrOkIsIH5Fawx7SBNLnMcWlM3skBluCmQNs7GeyFvYVDamsqwhxx18n/+WdxzDgOLU1AqbUlb3m+KOT9+ONvY/7XlrdLS//5v7nN97XHj0VzJpJvz4spq0V7ioXDuv2YrSxtF/KZmvbWfKtorXSh8dfvgGu+ev/nFSaXM6jyuCE/f/EpmuP7Rqu8R98vP/+tXUdrOgKlZP9Q/s+fRF9+3CHZd4EugfPv158me9X7v/6aSMCxMJmIr//65bNXngl7+uiPP5oKx+y27D8trp+psUzMacpm80XlnYeMAct0LynxhNYgaP3dtn8/LBAi+ksr+7NvjjtJV+UXrz0uLXV1x08AZRN1S2A8EaVE5afk/dfGjz//+fdHn36Xdttz2d9/z+bawZ8/slNN1aYtq+ZPGzNuPGdwOsfYflwmHCkPgs5DcKizvdpS/3gEUMW9/lvQvWp1bGTW1fpngC/uSVYAfH3TeSusL8TtlHUD4KAAEHjahk4YpuffGwEBN/dUmpHqdHyJ3Ap8O3UlQ4gCNrMRwLBBKiskL6a+RoBi/9XGlgc8L4/CUejQxaiIyqmomdhktOhfgDbDfaNDb4+yKIPd6IgmzDa0CByijWFmL2dlSRKagTIWXeIU9HDphoZiJeBTjAefHMxDhVSRFUgVcOkW3EGMahYVMFjWHhMluB2wAcbHYqF1LpsDF9C6s+CI2fDgh4wSuFEyGadjXAmIk3CugIRibLIti9ZtC8S4VSqfikGqPaoI122XyRYLBmsOmdiiTpqK1OklUQzpMcZmQRQV4M4oJCMkfRQXK+qvjifUcQd1bRdetW/LWjacYxvcttnVjWg5h0q4xw6rZyejSpZVZ78LzC4uyDNRQ4bymHSTMyM+SZ7D75mg/7YTlmNz7W8T00h0VEiGKB+F7iWYZFvSTiA4LVxttm2ATt5EoUWLJbY4EnLGrfsvEROlHtzlKn3H9VUT5tU/2dt3/EBv7foYzV/W4upyj04woO/gh6Vwwt3WGQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f7;--kaart:#fff;--kaart-zacht:#f6f8fb;--tekst:#14213d;--zacht:#5b6880;--rand:#dde3ec;--navy:#1f3a60;--navy-donker:#172d4b;--navy-tekst:#fff;--primair:#1f3a60;--primair-hover:#172d4b;--oranje:#f6a623;--oranje-donker:#e08b06;--oranje-tekst:#1b1300;--blauw:#3c6fd8;--blauw-zacht:#e4ecfb;--oefen-bg:#e2edfc;--examen-bg:#fdecd9;--juist:#1e9b54;--juist-bg:#e6f6ec;--fout:#d64141;--fout-bg:#fde9e9;--schaduw:0 1px 2px #14213d0f, 0 6px 18px #14213d0f;--radius:16px;--radius-klein:10px;color:var(--tekst);background:var(--bg);font-family:Plus Jakarta Sans Variable,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1420;--kaart:#151f30;--kaart-zacht:#1a2639;--tekst:#e6ebf3;--zacht:#9aa7bc;--rand:#26344a;--navy:#0f2140;--navy-donker:#0a172e;--primair:#3c6fd8;--primair-hover:#2f5cc0;--blauw:#6e98f2;--blauw-zacht:#1b2b4a;--oefen-bg:#172846;--examen-bg:#33261a;--juist:#4fd08a;--juist-bg:#123022;--fout:#ff7f7f;--fout-bg:#3a1b1d;--schaduw:0 1px 2px #0000004d}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3{line-height:1.25}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:3px solid var(--oranje);outline-offset:2px}code{background:var(--blauw-zacht);border-radius:4px;padding:1px 4px;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.app{flex-direction:column;min-height:100vh;display:flex}.balk{z-index:20;background:var(--navy);color:var(--navy-tekst);position:sticky;top:0;box-shadow:0 2px 10px #0000001f}.balk-binnen{align-items:center;gap:12px;max-width:1100px;min-height:60px;margin:0 auto;padding:10px 16px;display:flex}.balk-knop{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-weight:600;display:inline-flex}.balk-knop:hover{background:#ffffff1a}.balk-rechts{align-items:center;gap:8px;margin-left:auto;display:flex}.label-demo{letter-spacing:.05em;text-transform:uppercase;background:var(--oranje);color:var(--oranje-tekst);border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:800}.profiel{position:relative}.profiel-knop{width:38px;height:38px;color:inherit;cursor:pointer;background:#ffffff1f;border:2px solid #ffffffb3;border-radius:50%;place-items:center;display:grid}.profiel-menu{background:var(--kaart);min-width:220px;color:var(--tekst);border:1px solid var(--rand);border-radius:12px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #0000002e}.profiel-naam{border-bottom:1px solid var(--rand);margin-bottom:4px;padding:8px 10px 10px;display:grid}.menu-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px;font-weight:600;display:flex}.menu-item:hover{background:var(--kaart-zacht)}main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px 16px 40px}.smal{max-width:820px;margin-left:auto;margin-right:auto}.voet{color:var(--zacht);text-align:center;padding:0 16px 24px;font-size:.82rem}.kaart{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--schaduw);margin-bottom:16px;padding:22px}.pagina-titel{text-align:center;margin:4px 0 24px;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}.pagina-sub{text-align:center;color:var(--zacht);margin:-16px 0 24px}.sectie-titel{margin:0 0 12px;font-size:1.05rem;font-weight:700}.kaart .sectie-titel:not(:first-child){margin-top:22px}.zacht{color:var(--zacht);margin:6px 0 0}.klein{font-size:.875rem}.laden{color:var(--zacht);text-align:center}.fout-melding{color:var(--fout)}.ok-melding{color:var(--juist)}.melding{border-color:var(--blauw);background:var(--blauw-zacht)}.melding p{margin:0 0 12px}.knoppen{flex-wrap:wrap;gap:8px;display:flex}.knop{border:1.5px solid var(--rand);background:var(--kaart);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}.knop:hover:not(:disabled){border-color:var(--navy)}.knop.primair{background:var(--primair);border-color:var(--primair);color:#fff}.knop.primair:hover:not(:disabled){background:var(--primair-hover);border-color:var(--primair-hover)}.knop.oranje{background:var(--oranje);border-color:var(--oranje);color:var(--oranje-tekst)}.knop.oranje:hover:not(:disabled){background:var(--oranje-donker);border-color:var(--oranje-donker)}.knop.stil{color:var(--zacht);background:0 0;border-color:#0000}.knop.gevaar{color:var(--fout);border-color:var(--fout)}.knop.gevaar:hover:not(:disabled){background:var(--fout-bg);border-color:var(--fout)}.knop:disabled{cursor:not-allowed;opacity:.5}.knop.groot{width:100%;min-height:52px;font-size:1.05rem}.knop.klein-knop{border-radius:10px;min-height:36px;padding:6px 12px;font-size:.9rem}.knop.icoon-knop{min-width:36px;min-height:36px;padding:4px 8px}.link-knop{color:var(--blauw);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:600;display:inline-flex}.link-knop:hover{text-decoration:underline}.terug-link{margin-bottom:12px}.formulier,.inline-formulier,.vraag-formulier{gap:14px;display:grid}.veld{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.veld-label{font-size:.92rem;font-weight:700}.invoer,.keuzelijst{border:1.5px solid var(--rand);background:var(--kaart);resize:vertical;border-radius:12px;width:100%;padding:12px 14px;line-height:1.4}.invoer:focus,.keuzelijst:focus{border-color:var(--blauw);box-shadow:0 0 0 3px var(--blauw-zacht);outline:none}.invoer-icoon{position:relative}.invoer-icoon>svg{color:var(--zacht);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.invoer-icoon .invoer{padding-left:44px}.vink{cursor:pointer;align-items:flex-start;gap:10px;padding:8px 4px;display:flex}.vink input{width:18px;height:18px;accent-color:var(--navy);flex-shrink:0;margin:3px 0 0}.auth-achtergrond{border-radius:24px;place-items:center;min-height:calc(100vh - 170px);padding:32px 16px;display:grid;position:relative;overflow:hidden}.auth-achtergrond:before,.auth-achtergrond:after{content:"";background:var(--navy);z-index:0;border-radius:50%;position:absolute}.auth-achtergrond:before{width:360px;height:260px;bottom:-120px;left:-140px}.auth-achtergrond:after{width:300px;height:300px;bottom:-170px;right:-150px}.auth-kaart{z-index:1;border-radius:24px;width:100%;max-width:440px;padding:36px 30px 28px;position:relative}.auth-titel{color:var(--navy);text-align:center;margin:0 0 6px;font-size:clamp(1.7rem,4vw,2.2rem);font-weight:800;position:relative}@media (prefers-color-scheme:dark){.auth-titel{color:var(--tekst)}}.auth-sub{text-align:center;margin:0 0 24px;font-size:1.15rem;font-weight:700}.spark{width:34px;height:34px;color:var(--oranje);position:absolute}.spark-rechts{top:-18px;right:-6px}.auth-wissel{text-align:center;border-top:1px solid var(--rand);color:var(--zacht);margin-top:18px;padding-top:16px}.privacy{background:var(--kaart-zacht);color:var(--zacht);border-radius:12px;margin:0;padding:12px}.melding-blok{text-align:center;max-width:560px;margin:24px auto}.melding-blok .knoppen{justify-content:center}.melding-icoon{background:var(--blauw-zacht);width:56px;height:56px;color:var(--blauw);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.vak-raster{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),440px));justify-content:center;gap:16px;display:grid}.vak-kaart{text-align:left;background:var(--kaart);border:1px solid var(--rand);border-radius:var(--radius);width:100%;box-shadow:var(--schaduw);cursor:pointer;align-items:center;gap:16px;padding:20px;transition:transform .15s,border-color .15s;display:flex}.vak-kaart:hover{border-color:var(--navy);transform:translateY(-2px)}.vak-icoon{width:52px;height:52px;color:var(--navy);background:var(--blauw-zacht);border-radius:14px;flex-shrink:0;place-items:center;display:grid}@media (prefers-color-scheme:dark){.vak-icoon{color:var(--blauw)}}.vak-tekst{flex:1;gap:4px;min-width:0;display:grid}.vak-naam{font-size:1.05rem;font-weight:700}.vak-teller{color:var(--zacht);font-size:.88rem}.chevron{color:var(--zacht);flex-shrink:0}.modus-raster{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;max-width:900px;margin:0 auto;display:grid}.modus-kaart{text-align:center;border-radius:20px;justify-items:center;gap:10px;padding:32px 24px 28px;display:grid}.modus-kaart.oefenen{background:var(--oefen-bg)}.modus-kaart.examen{background:var(--examen-bg)}.modus-icoon{color:var(--navy)}@media (prefers-color-scheme:dark){.modus-icoon{color:var(--oranje)}}.modus-kaart h2{margin:4px 0 0;font-size:1.5rem;font-weight:800}.modus-kaart p{max-width:280px;margin:0 0 10px}.hervat{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.hervat p{margin:0}.lessen{margin:0;padding:0;list-style:none}.vink.alles{border-bottom:1px solid var(--rand);margin-bottom:4px;padding-bottom:10px;font-weight:700}.les-naam{flex:1}.teller{color:var(--zacht);white-space:nowrap;font-size:.875rem}.keuzes{flex-wrap:wrap;gap:8px;display:flex}.keuze{border:1.5px solid var(--rand);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.keuze input{opacity:0;pointer-events:none;position:absolute}.keuze.actief{border-color:var(--navy);background:var(--navy);color:#fff}.keuze:has(input:focus-visible){outline:3px solid var(--oranje);outline-offset:2px}.start-actie{background:linear-gradient(to bottom, transparent, var(--bg) 35%);padding:12px 0;position:sticky;bottom:0}.quiz-balk .balk-binnen{grid-template-columns:minmax(80px,1fr) minmax(0,2.2fr) minmax(80px,1fr);display:grid}.quiz-midden{justify-items:center;gap:6px;font-weight:700;display:grid}.voortgang{background:#ffffff40;border-radius:999px;width:100%;max-width:420px;height:7px;overflow:hidden}.voortgang>div{background:var(--oranje);border-radius:inherit;height:100%;transition:width .25s}.quiz-rechts{text-align:right;text-overflow:ellipsis;white-space:nowrap;justify-self:end;max-width:100%;font-size:.92rem;font-weight:600;overflow:hidden}.vraag-kaart{padding:26px}.vraag-kop{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.les-label{color:var(--blauw);margin:0;font-size:.85rem;font-weight:700}.score-chip{background:var(--kaart-zacht);border:1px solid var(--rand);border-radius:999px;padding:3px 10px;font-size:.85rem;font-weight:700}.vraag{margin:0 0 18px;font-size:clamp(1.1rem,2.4vw,1.3rem);font-weight:700;line-height:1.45}.opties{gap:10px;margin:0;padding:0;list-style:none;display:grid}.optie{text-align:left;border:1.5px solid var(--rand);background:var(--kaart);cursor:pointer;border-radius:12px;align-items:stretch;width:100%;padding:0;line-height:1.45;display:flex;overflow:hidden}.optie:hover:not(:disabled){border-color:var(--navy)}.optie:disabled{cursor:default;color:inherit}.optie .nr{border-right:1.5px solid var(--rand);background:var(--kaart-zacht);flex-shrink:0;place-items:center;width:54px;font-weight:800;display:grid}.optie-tekst{flex:1;padding:13px 14px}.optie-uitleg{color:var(--zacht);margin-top:6px;font-size:.9rem;display:block}.optie .teken{place-items:center;padding:0 14px;display:grid}.optie.juist{border-color:var(--juist);background:var(--juist-bg)}.optie.juist .nr{border-color:var(--juist);background:0 0}.optie.juist .teken{color:var(--juist)}.optie.fout{border-color:var(--fout);background:var(--fout-bg)}.optie.fout .nr{border-color:var(--fout);background:0 0}.optie.fout .teken{color:var(--fout)}.optie.neutraal{opacity:.6}.optie.gekozen{border-color:var(--blauw);background:var(--blauw-zacht)}.optie.gekozen .nr{background:var(--blauw);border-color:var(--blauw);color:#fff}.feedback{border-radius:14px;grid-template-columns:auto 1fr;gap:4px 12px;margin-top:18px;padding:16px 18px;display:grid}.feedback.juist{background:var(--juist-bg)}.feedback.fout{background:var(--fout-bg)}.feedback-icoon{grid-row:span 2;padding-top:1px}.feedback.juist .feedback-icoon,.feedback.juist .oordeel{color:var(--juist)}.feedback.fout .feedback-icoon,.feedback.fout .oordeel{color:var(--fout)}.oordeel{margin:0;font-weight:800}.uitleg{margin:0}.feedback-acties{grid-column:1/-1;justify-content:flex-end;margin-top:10px;display:flex}.quiz-voet{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:16px;display:flex}.tip{color:var(--zacht);font-size:.85rem}@media (hover:none){.tip{display:none}}.bevestig{flex-wrap:wrap;align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.examen-indeling{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.examen-navigatie{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-top:20px;display:grid}.examen-navigatie>:first-child{justify-self:start}.examen-navigatie>:last-child{justify-self:end}.overzicht{position:sticky;top:84px}.overzicht-raster{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px;display:grid}.vak-nr{aspect-ratio:1;border:1.5px solid var(--rand);background:var(--kaart);cursor:pointer;border-radius:8px;min-height:34px;padding:0;font-size:.85rem;font-weight:700}.vak-nr.beantwoord{background:var(--blauw);border-color:var(--blauw);color:#fff}.vak-nr.gemarkeerd{color:#fff;background:#8a7a68;border-color:#8a7a68}.vak-nr.huidig{background:var(--oranje);border-color:var(--oranje);color:var(--oranje-tekst)}.legende{color:var(--zacht);flex-wrap:wrap;gap:6px 14px;margin-bottom:14px;font-size:.8rem;display:flex}.legende span{align-items:center;gap:6px;display:inline-flex}.legende i{border:1.5px solid var(--rand);border-radius:3px;width:12px;height:12px;display:inline-block}.legende .l-beantwoord{background:var(--blauw);border-color:var(--blauw)}.legende .l-gemarkeerd{background:#8a7a68;border-color:#8a7a68}.legende .l-huidig{background:var(--oranje);border-color:var(--oranje)}.markeer.actief{color:#8a7a68;border-color:#8a7a68}.resultaat-kop{text-align:center;padding:30px 22px}.grote-score{letter-spacing:-.02em;margin:0;font-size:clamp(3rem,9vw,4.5rem);font-weight:800;line-height:1.1;display:inline-block;position:relative}.grote-score .spark{width:40px;height:40px}.grote-score .spark-links{top:-4px;left:-58px;transform:scaleX(-1)}.grote-score .spark-rechts{top:-4px;right:-58px}.pil{border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:8px 18px;font-size:1.15rem;font-weight:800;display:inline-flex}.pil.geslaagd{background:var(--juist-bg);color:var(--juist)}.pil.niet-geslaagd{background:var(--fout-bg);color:var(--fout)}.pil.neutraal{background:var(--kaart-zacht);color:var(--zacht)}.resultaat-raster{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.staven{gap:12px;margin:0;padding:0;list-style:none;display:grid}.staaf-rij{justify-content:space-between;gap:12px;margin-bottom:4px;font-size:.92rem;display:flex}.staaf{background:var(--kaart-zacht);border:1px solid var(--rand);border-radius:999px;height:12px;overflow:hidden}.staaf>div{background:var(--navy);border-radius:inherit;height:100%}@media (prefers-color-scheme:dark){.staaf>div{background:var(--blauw)}}.fouten-kaart{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;width:100%;font-weight:700;display:flex}.fouten-kaart:hover{border-color:var(--navy)}.resultaat-zij{gap:12px;display:grid;position:sticky;top:84px}.resultaat-zij .kaart{margin-bottom:0}.resultaat-raster{margin-bottom:16px}.fout-lijst{margin:0;padding:0;list-style:none}.fout-vraag{margin:0 0 10px;font-weight:600}.antwoord{border-radius:10px;margin:0 0 6px;padding:8px 12px}.antwoord.fout{background:var(--fout-bg)}.antwoord.juist{background:var(--juist-bg)}.antwoord-label{font-weight:700}.fout-lijst .uitleg{color:var(--zacht);margin-top:10px}.tabs{border-bottom:1px solid var(--rand);flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.tab{color:var(--zacht);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;padding:10px 12px;font-weight:700;display:inline-flex}.tab.actief{color:var(--tekst);border-bottom-color:var(--oranje)}.badge{background:var(--fout);color:#fff;border-radius:999px;padding:0 7px;font-size:.75rem;line-height:1.5}.beheer-titel{margin:0 0 8px;font-size:1.6rem;font-weight:800}.beheer-tabs{flex-wrap:nowrap;overflow-x:auto}.rij-tussen{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.rij-tussen .sectie-titel{margin:0}.groep-titel{margin:20px 0 8px;font-size:.95rem}.label{background:var(--blauw-zacht);color:var(--blauw);border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:700;display:inline-block}.label.waarschuwing{background:var(--fout-bg);color:var(--fout)}.gebruikers-lijst,.beheer-lijst,.vragen-beheer,.samenvatting{gap:8px;margin:0;padding:0;list-style:none;display:grid}.gebruiker,.beheer-item{border:1px solid var(--rand);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.beheer-item.gekozen{border-color:var(--navy);background:var(--blauw-zacht)}.gebruiker-info{flex-wrap:wrap;flex:260px;align-items:baseline;gap:4px 10px;min-width:0;display:flex}.gebruiker-info .klein{flex-basis:100%}.item-titel{text-align:left;cursor:pointer;background:0 0;border:none;flex:260px;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.item-titel>span{gap:2px;min-width:0;display:grid}.item-titel .vak-icoon{border-radius:10px;width:40px;height:40px}.item-titel.statisch{cursor:default;gap:2px;display:grid}.inline-formulier{border:1px dashed var(--rand);border-radius:12px;width:100%;margin:12px 0;padding:14px}.icoon-kiezer{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.icoon-keuze{border:1.5px solid var(--rand);background:var(--kaart);cursor:pointer;border-radius:10px;place-items:center;height:44px;display:grid}.icoon-keuze.actief{border-color:var(--navy);background:var(--blauw-zacht)}.vraag-item .vraag-formulier{width:100%}.opties-veld{gap:10px}.optie-invoer{align-items:flex-start;gap:10px;display:flex}.juist-keuze{cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding-top:6px;font-weight:800;display:flex}.juist-keuze input{accent-color:var(--juist);width:18px;height:18px}.optie-velden{flex:1;gap:6px;display:grid}.verslag-lijst{margin:4px 0 12px;padding-left:20px;font-size:.9rem}.verslag-lijst.fout{color:var(--fout)}.upload-voorbeeld{gap:10px;margin-top:16px;display:grid}.bestand-invoer{padding:8px 0}.status-tekst{margin:0;font-weight:800}.status-tekst.open{color:var(--juist)}.status-tekst.dicht{color:var(--fout)}.controle-vak{border-top:1px solid var(--rand);margin-top:16px}@media (width<=860px){.examen-indeling,.resultaat-raster{grid-template-columns:1fr}.overzicht,.resultaat-zij{position:static}.resultaat-zij{order:-1}.overzicht-raster{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}}@media (width<=600px){main{padding-top:18px}.kaart,.vraag-kaart{padding:16px}.quiz-balk .balk-binnen{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.quiz-balk .terug-tekst,.quiz-rechts.les{display:none}.optie .nr{width:44px}.knop-tekst,.grote-score .spark{display:none}.auth-kaart{padding:28px 18px 22px}}#balk-plek{z-index:20;position:sticky;top:0}@media (width>=601px){.les-label.dubbel{display:none}.vraag-kop:has(.dubbel){justify-content:flex-end}}.tweestaps{text-align:left}.tweestaps .sectie-titel,.tweestaps .melding-icoon{text-align:center}.stappen{margin:8px 0;padding-left:22px}.qr{border:1px solid var(--rand);background:#fff;border-radius:12px;margin:8px auto 12px;padding:8px;display:block}.geheim{letter-spacing:.08em;word-break:break-all;text-align:center;background:var(--kaart-zacht);-webkit-user-select:all;user-select:all;border-radius:10px;padding:10px;font-family:ui-monospace,Consolas,monospace;font-size:1rem}.code-invoer{letter-spacing:.3em;text-align:center;font-size:1.4rem}.privacy-pagina h2.sectie-titel{margin-top:22px}.privacy-pagina ul{padding-left:20px}.inlog-info{flex-basis:100%;margin-top:6px;font-size:.88rem}.inlog-info summary{cursor:pointer;color:var(--zacht);flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.inlog-info.verdacht summary{color:var(--fout)}.toestellen{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.toestellen li{background:var(--kaart-zacht);border-radius:8px;padding:8px 10px;display:grid}
