:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--pagina:#f5f2ea;--vlak:#fffdf8;--vlak-2:#f1ede3;--lijn:#e7e1d3;--lijn-sterk:#d4ccba;--inkt:#1f1c16;--inkt-2:#5b554a;--inkt-3:#736e60;--op-kleur:#fff;--regel:#2f6fdf;--regel-vol:#2f6fdf;--regel-zacht:#e2ebfd;--oplossing:#1c8c4c;--oplossing-zacht:#d9f2e3;--goed:#1c8c4c;--goed-zacht:#d9f2e3;--goed-tegel:#c3ecd3;--goed-inkt:#13693a;--fout:#c2410c;--fout-zacht:#fde4d6;--fout-tegel:#ffd2bd;--fout-inkt:#9a2f06;--laag-werkwoorden:#c2410c;--laag-werkwoorden-zacht:#fde7da;--laag-werkwoorden-tegel:#ffd3bf;--laag-verwarring:#6b3fb8;--laag-verwarring-zacht:#efe7fb;--laag-verwarring-tegel:#e0cffb;--laag-interpunctie:#a16207;--laag-interpunctie-zacht:#fbf0d6;--laag-interpunctie-tegel:#f9df9f;--laag-spelling:#0e7268;--laag-spelling-zacht:#dcf2ee;--laag-spelling-tegel:#bde8e0;--laag-anders:#736e60;--laag-anders-zacht:#ebe6da;--laag-anders-tegel:#e2dccd;--laag:var(--laag-anders);--laag-zacht:var(--laag-anders-zacht);--laag-tegel:var(--laag-anders-tegel);--rol-pv:#2f6fdf;--rol-pv-zacht:#e2ebfd;--rol-pv-tegel:#cadafb;--rol-ow:#b8326f;--rol-ow-zacht:#fbe5ef;--rol-ow-tegel:#f7cde0;--toneel:#ebe6da;--toneel-licht:#ffffff52;--toneel-rand:#46341417;--tegel:#f6e6c6;--tegel-inkt:#3b2a14;--schaduw:0 1px 2px #281e0a0d, 0 10px 30px #281e0a12;--schaduw-hoog:0 2px 4px #281e0a0f, 0 18px 44px #281e0a1f;--doek:#1f1c1675;--rond:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--maat-1:12px;--maat-2:14px;--maat-3:16px;--maat-4:20px;--maat-5:28px;--maat-knop:15px;--maat-kop:clamp(28px, 4vw, 40px);--knop:40px;--knop-klein:32px;--kopbalk:56px;--rand:clamp(16px, 3vw, 32px);--vel-lijn:#f1ecdf;--lijnhoogte:36px;--lijn-onder:28px;--vel-boven:28px;--vel-rand:28px;--vel-breedte:calc(704px + 2 * var(--vel-rand) + 2px);--schriftlijnen:linear-gradient(to bottom, transparent calc(var(--lijnhoogte) - 1px), var(--vel-lijn) calc(var(--lijnhoogte) - 1px))}@media (pointer:coarse){:root{--knop:44px;--knop-klein:36px}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pagina:#131311;--vlak:#1c1b19;--vlak-2:#262522;--lijn:#302f2b;--lijn-sterk:#43413b;--inkt:#f1efe9;--inkt-2:#c4c0b6;--inkt-3:#8f8b81;--vel-lijn:#262522;--op-kleur:#1a1916;--regel:#82adf6;--regel-vol:#5b8ff0;--regel-zacht:#1b2a44;--oplossing:#62d394;--oplossing-zacht:#13301f;--goed:#62d394;--goed-zacht:#13301f;--goed-tegel:#9fdfb8;--goed-inkt:#10552f;--fout:#f59a6c;--fout-zacht:#3a2016;--fout-tegel:#f3b593;--fout-inkt:#8a2a05;--laag-werkwoorden:#f59a6c;--laag-werkwoorden-zacht:#3a2217;--laag-werkwoorden-tegel:#f0b597;--laag-verwarring:#bb9af2;--laag-verwarring-zacht:#2a2140;--laag-verwarring-tegel:#cbb5f1;--laag-interpunctie:#e9bd57;--laag-interpunctie-zacht:#33290f;--laag-interpunctie-tegel:#ebcb80;--laag-spelling:#5ad0bf;--laag-spelling-zacht:#12302c;--laag-spelling-tegel:#9cd8cc;--laag-anders:#a8a397;--laag-anders-zacht:#2a2926;--laag-anders-tegel:#cfcabd;--rol-pv:#82adf6;--rol-pv-zacht:#1b2a44;--rol-pv-tegel:#b1c7f4;--rol-ow:#f190bd;--rol-ow-zacht:#3a1a29;--rol-ow-tegel:#eeb4cf;--toneel:#22211e;--toneel-licht:#ffffff0b;--toneel-rand:#00000052;--tegel:#ead6af;--tegel-inkt:#3b2a14;--schaduw:0 1px 2px #0000004d, 0 10px 30px #00000040;--schaduw-hoog:0 2px 4px #00000059, 0 18px 44px #0006;--doek:#0000009e}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--pagina);color:var(--inkt);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;color:inherit}:focus-visible{outline:2.5px solid var(--regel-vol);outline-offset:2px;border-radius:6px}.verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cijfers{font-variant-numeric:tabular-nums}.icoon{flex:none;width:20px;height:20px}.niveau-hint,.niveau-regel,.niveau-oplossing{--niv:var(--inkt);--niv-vol:var(--inkt);--niv-zacht:var(--vlak-2)}.laag-werkwoorden{--laag:var(--laag-werkwoorden);--laag-zacht:var(--laag-werkwoorden-zacht);--laag-tegel:var(--laag-werkwoorden-tegel)}.laag-verwarring{--laag:var(--laag-verwarring);--laag-zacht:var(--laag-verwarring-zacht);--laag-tegel:var(--laag-verwarring-tegel)}.laag-interpunctie{--laag:var(--laag-interpunctie);--laag-zacht:var(--laag-interpunctie-zacht);--laag-tegel:var(--laag-interpunctie-tegel)}.laag-spelling{--laag:var(--laag-spelling);--laag-zacht:var(--laag-spelling-zacht);--laag-tegel:var(--laag-spelling-tegel)}.laag-anders{--laag:var(--laag-anders);--laag-zacht:var(--laag-anders-zacht);--laag-tegel:var(--laag-anders-tegel)}.kop{z-index:20;height:calc(var(--kopbalk) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(var(--rand), env(safe-area-inset-right,0px)) 0 max(var(--rand), env(safe-area-inset-left,0px));background:var(--pagina);border-bottom:1px solid var(--lijn);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.merk{font-family:var(--rond);font-weight:600;font-size:var(--maat-4);letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:4px;display:inline-flex}.merk-tegels{gap:3px;display:inline-flex}.merk-tegels span{width:22px;height:26px;font-size:var(--maat-3);background:var(--tegel);color:var(--tegel-inkt);border-radius:6px;place-items:center;display:grid;transform:rotate(-6deg);box-shadow:inset 0 -2.5px #0000001f}.merk-tegels span+span{background:var(--regel-vol);color:#fff;transform:rotate(5deg)translateY(1px)}.kop-rechts{align-items:center;gap:4px;display:flex}.kop-link{min-height:var(--knop);color:var(--inkt-2);font-weight:500;font-size:var(--maat-knop);border-radius:10px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.kop-link:hover,.kop-link[aria-current=page]{background:var(--vlak-2);color:var(--inkt)}.rond-knop{width:var(--knop);height:var(--knop);border:1px solid var(--lijn-sterk);background:var(--vlak);color:var(--inkt-2);cursor:pointer;border-radius:999px;place-items:center;transition:color .15s,transform .2s;display:grid}.rond-knop:hover{color:var(--inkt)}.rond-knop:active{transform:scale(.94)}.rond-knop.klein{width:30px;height:30px}.rond-knop.klein .icoon{width:16px;height:16px}.kop .rond-knop{background:0 0;border:0;border-radius:10px}.kop .rond-knop:hover{background:var(--vlak-2)}.knop{min-height:var(--knop);font-weight:500;font-size:var(--maat-knop);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;line-height:1.2;transition:transform .12s,filter .15s,border-color .15s;display:inline-flex}.knop:active:not(:disabled),.ontleed-knop:active:not(:disabled){transform:translateY(1px)}.knop .icoon,.tekst-knop .icoon{width:18px;height:18px}.knop-goed,.knop-donker,.knop-hoofd{background:var(--inkt);color:var(--vlak);box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--vlak) 22%, transparent);font-weight:600}.knop-merk{background:var(--regel-vol);color:var(--op-kleur);box-shadow:inset 0 -2px #00000029}.knop-goed:hover:not(:disabled),.knop-donker:hover:not(:disabled),.knop-hoofd:hover:not(:disabled){filter:brightness(1.25)}.knop-zacht,.ontleed-knop{background:var(--vlak);border:1px solid var(--lijn-sterk);color:var(--inkt);box-shadow:inset 0 -2px 0 var(--vlak-2);text-decoration:none}.knop-zacht:hover,.ontleed-knop:hover:not(:disabled){border-color:var(--inkt-3)}.knop-groot{min-width:148px}.knop:disabled{background:var(--lijn);color:var(--inkt-3);box-shadow:none;filter:none;cursor:default}.tekst-knop{min-height:var(--knop);color:var(--inkt-2);font-weight:500;font-size:var(--maat-knop);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.tekst-knop:hover{background:var(--vlak-2);color:var(--inkt)}.tekst-knop:disabled{opacity:.6;cursor:default}.toneel{background:var(--toneel);height:236px;position:relative;overflow:hidden}.toneel:after{content:"";pointer-events:none;background:radial-gradient(90% 85% at 50% 22%, var(--toneel-licht), transparent), radial-gradient(140% 120% at 50% 40%, transparent 50%, var(--toneel-rand));position:absolute;inset:0}.toneel-labels{z-index:1}.toneel canvas{opacity:0;width:100%;height:100%;transition:opacity .5s;display:block}.toneel-geladen canvas{opacity:1}.toneel-labels{pointer-events:none;position:absolute;inset:0}.toneel-label{opacity:0;font-size:var(--maat-1);white-space:nowrap;background:var(--vlak);border:1.5px solid;border-radius:6px;padding:4px 8px;font-weight:600;line-height:1;transition:opacity .3s;position:absolute;top:0;left:0}.rol-onderwerp{color:var(--rol-ow)}.rol-persoonsvorm{color:var(--rol-pv)}.rol-fout{color:var(--laag,var(--fout))}.plat{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;padding:20px;display:flex;position:absolute;inset:0}.plat-kolom{flex-direction:column;gap:12px}.plat-pijl{font-size:var(--maat-5);color:var(--inkt-3)}.plat-groep{flex-direction:column;align-items:center;gap:8px;transition:transform .2s;display:inline-flex}.plat-groep.aan{transform:translateY(-6px)}.plat-groep .toneel-label{opacity:1;position:static}.tegelrij{gap:4px;display:inline-flex}.tegel-gat{width:12px}.tegel2d{background:var(--tegel);width:40px;height:46px;color:var(--tegel-inkt);font:800 24px/1 var(--rond);border-radius:10px;place-items:center;display:inline-grid;box-shadow:inset 0 -4px #0000001a,0 3px 8px #0000001f}.tegel-laag{background:var(--laag-tegel)}.tegel-vraag{background:var(--laag);width:46px;height:52px;color:var(--op-kleur)}.tegel-rol.rol-onderwerp{background:var(--rol-ow-tegel);color:var(--tegel-inkt)}.tegel-rol.rol-persoonsvorm{background:var(--rol-pv-tegel);color:var(--tegel-inkt)}.tegel-rol.rol-fout{background:var(--laag-tegel);color:var(--tegel-inkt)}.tegel-weg{background:var(--fout-tegel);color:var(--fout-inkt);text-decoration:line-through}.tegel-erbij{background:var(--goed-tegel);color:var(--goed-inkt)}.tegel-goed{width:60px;height:66px;font-size:var(--maat-5);background:var(--goed);color:var(--op-kleur)}.scherm-schrijf{flex-direction:column;min-height:100dvh;display:flex}.schrijven{width:100%;max-width:calc(var(--vel-breedte) + 2 * var(--rand));padding:clamp(20px, 4vh, 36px) var(--rand) calc(16px + env(safe-area-inset-bottom,0px));flex-direction:column;flex:1;gap:16px;margin:0 auto;animation:.25s ease-out both op;display:flex}.schrijven-kop h1{font:600 var(--maat-5) / 1.2 var(--sans);letter-spacing:-.02em;outline:none;margin:0}.schrijven-kop p,.nakijk-kop p{color:var(--inkt-2);margin:4px 0 0}.wis-knop{flex:none}.wis-knop[hidden]{visibility:hidden;display:inline-flex}.vel{background:var(--vlak);border:1px solid var(--lijn);box-shadow:var(--schaduw);border-radius:14px;transition:border-color .15s}.nakijk-vel{--vel-min:clamp(252px, calc(100dvh - 308px), 648px)}@media (width<=640px){.nakijk-vel{--vel-min:clamp(220px, calc(100dvh - 400px), 480px)}}.vel:focus-within{border-color:var(--lijn-sterk)}.blad{border-radius:inherit;background:var(--schriftlijnen) 0 calc(var(--vel-boven) + var(--lijn-onder) + 1px - var(--lijnhoogte)) / 100% var(--lijnhoogte);display:grid;position:relative}.blad-achter,.blad textarea{min-height:clamp(252px,100dvh - 308px,648px);padding:var(--vel-boven) var(--vel-rand) 28px;font:400 20px / var(--lijnhoogte) var(--sans);letter-spacing:normal;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;border:0;grid-area:1/1;margin:0}.blad-achter{visibility:hidden}.blad textarea{resize:none;border-radius:inherit;width:100%;height:100%;color:var(--inkt);caret-color:var(--regel-vol);background:0 0;outline:none;position:absolute;inset:0;overflow:hidden}.blad textarea::placeholder{color:var(--inkt-3)}.actie{z-index:6;min-height:var(--knop);flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.actie-groep{align-items:center;gap:8px;min-width:0;display:flex}.schrijven-actie{background:linear-gradient(to top, var(--pagina) 78%, transparent);pointer-events:none;flex-wrap:nowrap;margin-block:-8px;padding-block:8px;position:sticky;bottom:0}.schrijven-actie :is(button,a,input,.voorbeeld-menu,.terug-kaartje){pointer-events:auto}.schrijven-actie.vast{background:0 0;margin-block:0;padding-block:0;position:static}.ontleed-knop{min-height:var(--knop);font-size:var(--maat-knop);white-space:nowrap;cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:10px;padding:0 16px 0 12px;font-weight:500;line-height:1.2;transition:border-color .15s,transform .12s;display:inline-flex}.ontleed-knop:disabled{opacity:.5;cursor:default}.ontleed-knop{padding:0 12px}.schrijven-actie .ontleed-knop .knop-tekst{display:none}.schrijven-voet{font-size:var(--maat-2);color:var(--inkt-3);flex-wrap:wrap;justify-content:center;gap:4px 20px;margin:auto 0 0;padding:8px 0 0;list-style:none;display:flex}.voet-weg{visibility:hidden}.schrijven-voet li{align-items:center;gap:6px;display:inline-flex}.schrijven-voet .icoon{width:16px;height:16px}.schrijven-voet a{color:var(--inkt-2);text-underline-offset:3px}.storing{background:var(--fout-zacht);font-size:var(--maat-2);border-radius:10px;padding:12px 16px}.storing-wakker{background:var(--vlak)}.storing .code{background:var(--vlak);margin-top:8px}.nakijken{grid-template-columns:minmax(0, var(--vel-breedte));padding:24px var(--rand) 16px;justify-content:center;gap:24px;animation:.25s ease-out both op;display:grid}.nakijk-kolom{flex-direction:column;gap:12px;min-width:0;display:flex}.opdracht-uitslag{align-items:flex-start;gap:8px;display:flex}.opdracht-uitslag .icoon{width:18px;height:18px;margin-top:3px}.nakijk-tekst{min-height:var(--vel-min,0px);padding:var(--vel-boven) var(--vel-rand) 28px;border-radius:inherit;background:var(--schriftlijnen) 0 calc(var(--vel-boven) + var(--lijn-onder) + 1px - var(--lijnhoogte)) / 100% var(--lijnhoogte);font:400 20px / var(--lijnhoogte) var(--sans);white-space:pre-wrap;overflow-wrap:break-word;cursor:default;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.dof{opacity:.45;animation:.2s ease-out dof-in}@keyframes dof-in{0%{opacity:1}}.tip-lijn{z-index:22;border-left:1.5px solid var(--laag);opacity:.55;pointer-events:none;width:0;position:absolute}.tip-doek{z-index:21;pointer-events:none;animation:.2s ease-out both verschijn;position:absolute;top:0;left:0}.tip-doek path{fill:var(--doek);pointer-events:auto}.tip-popover{z-index:23;border:1px solid var(--lijn-sterk);border-left:3px solid var(--laag);background:var(--vlak);width:360px;box-shadow:var(--schaduw);font-size:var(--maat-2);color:var(--inkt);scroll-margin:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);border-radius:10px;font-weight:500;line-height:1.4;overflow:visible}.tip-popover-binnen{max-height:calc(var(--tip-max,72dvh) - 2px);overscroll-behavior:contain;border-radius:9px;overflow-y:auto}.tip-popover-kop{border-bottom:1px solid var(--lijn);color:var(--inkt-2);padding:9px 30px 9px 22px}.tip-popover-lijf{flex-direction:column;gap:10px;padding:12px 22px;display:flex}.tip-popover-stap{font-size:var(--maat-3);line-height:1.45}.tip-popover p{margin:0}.tip-popover .toneel{border-bottom:1px solid var(--lijn);height:132px}.tip-popover.krap .toneel{display:none}.tip-popover-scene{touch-action:pan-y}.tip-popover-sluit{z-index:2;border:1px solid var(--lijn-sterk);background:var(--vlak);box-shadow:var(--schaduw);position:absolute;top:-10px;right:-10px}.tip-popover-sluit:hover{background:var(--vlak-2)}.tip-popover.op-toetsenbord{top:var(--typ-boven)!important;left:var(--typ-links)!important;position:absolute!important;transform:none!important}.tip-popover.zonder-tegels .toneel{display:none}@media (width<=1060px){.tip-popover{width:min(100vw - 56px,420px)}.tip-popover .toneel{height:112px}}.tip-popover-voet{border-top:1px solid var(--lijn);z-index:1;background:var(--vlak);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;padding:6px 8px 6px 22px;display:flex;position:sticky;bottom:0}.tip-popover-terug{flex:auto;min-width:0}.tip-terug-kop{color:var(--inkt);font-weight:600}.tip-terug-over{color:var(--inkt-2)}.tip-terug-voorstel{flex-direction:column;gap:6px;display:flex}.tip-terug .tip-popover-voet{padding:6px}.tip-terug .knop{min-height:34px;font-size:var(--maat-2);padding:0 14px}.tip-terug-terug{min-height:34px;font-size:var(--maat-2);padding:0 8px}.tip-popover-voet .terug{padding:6px 0}.terug-open{min-height:32px;font-size:var(--maat-2);color:var(--inkt-2);padding:0;font-weight:500}.verwijzing{background:var(--vlak-2);border-radius:4px}.verwijzing.rol-onderwerp{background:var(--rol-ow-zacht)}.verwijzing.rol-persoonsvorm{background:var(--rol-pv-zacht)}.tip-popover-oplossing{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.tip-popover-stappen{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.tip-popover-stappen button:disabled{visibility:hidden}.tip-popover-terugstap{min-height:30px;font-size:var(--maat-2);color:var(--inkt-2);flex:none;padding:0}.tip-popover-teller{color:var(--inkt-3);font-size:var(--maat-1);flex:none}.tip-popover-volgende.knop{min-height:30px;font-size:var(--maat-2);flex:none;gap:4px;padding:0 8px 0 12px}.tip-popover-volgende .icoon{width:16px;height:16px}.tip-popover .zelf-verbeter{border:0;margin:0;padding:0}.tip-popover .zelf-verbeter input,.tip-popover .zelf-verbeter .knop{min-height:38px;font-size:var(--maat-2)}.tip-popover .zelf-verbeter input{font-weight:600}.tip-popover .zelf-verbeter .knop{padding:0 12px}.tip-popover-oplossing .verschil{font-size:var(--maat-3)}.tip-popover-oplossing .knop{min-height:30px;font-size:var(--maat-2);padding:0 10px}.nakijk-blad{min-height:var(--vel-min,0px)}.nakijk-achter{background:0 0;grid-area:1/1;min-height:0}.nakijk-blad textarea{color:#0000;caret-color:var(--inkt)}.nakijk-blad textarea::selection{background:color-mix(in srgb, var(--inkt) 16%, transparent);color:#0000}.streep{color:inherit;background:color-mix(in srgb, var(--laag-zacht) 70%, transparent);-webkit-text-decoration:underline wavy var(--laag);text-decoration:underline wavy var(--laag);text-underline-offset:5px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;cursor:pointer;border-radius:4px;scroll-margin:72px 0;text-decoration-thickness:1.6px;transition:background .2s,box-shadow .2s}.streep:hover{background:var(--laag-zacht)}.streep.rand{background:var(--laag-zacht);box-shadow:inset 0 -3px 0 var(--laag)}.streep.gekozen{background:var(--laag-tegel);color:var(--tegel-inkt);box-shadow:inset 0 -2.5px 0 var(--laag);text-decoration:none}.aangepast{background:color-mix(in srgb, var(--goed-zacht) 60%, transparent);box-shadow:inset 0 -2px 0 var(--goed);border-radius:4px}.voorbeeld-knop{max-width:100%;min-height:var(--knop);border:1px solid var(--lijn-sterk);background:var(--vlak);box-shadow:inset 0 -2px 0 var(--vlak-2);border-radius:10px;flex:none;align-items:stretch;display:inline-flex;position:relative}.voorbeeld-hoofd{min-width:0;min-height:0;color:var(--inkt);white-space:nowrap;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:9px 0 0 9px;padding:0 12px;position:relative;overflow:hidden}.voorbeeld-hoofd:after{content:"";background:var(--inkt-2);transform-origin:0;opacity:0;border-radius:6px;height:2px;position:absolute;bottom:2px;left:10px;right:10px;transform:scaleX(0)}.voorbeeld-hoofd.drukt:after{opacity:.6;transition:transform .45s linear,opacity .1s;transform:scaleX(1)}.voorbeeld-pijl{border-left:1px solid var(--lijn);border-radius:0 9px 9px 0;flex:none;min-height:0;padding:0 9px}.voorbeeld-pijl .icoon{stroke-width:2.4px;width:15px;height:15px;transition:transform .2s}.voorbeeld-pijl[aria-expanded=true] .icoon{transform:rotate(180deg)}.voorbeeld-menu{z-index:30;overscroll-behavior:contain;border:1px solid var(--lijn);background:var(--vlak);width:320px;box-shadow:var(--schaduw-hoog);transform-origin:0 0;border-radius:10px;padding:8px 10px 10px;animation:.15s ease-out both menu;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.voorbeeld-menu-boven{transform-origin:0 100%;animation-name:menu-op;top:auto;bottom:calc(100% + 6px)}@keyframes menu-op{0%{opacity:0;transform:translateY(6px)scale(.97)}}.voorbeeld-menu-sectie{font-size:var(--maat-1);color:var(--inkt-3);margin:4px 2px 5px;font-weight:600}.voorbeeld-chips+.voorbeeld-menu-sectie{margin-top:10px}.voorbeeld-chips{flex-wrap:wrap;gap:4px;display:flex}.voorbeeld-chip{border:1px solid var(--lijn);color:var(--inkt-2);font-size:var(--maat-1);white-space:nowrap;cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s;display:inline-flex}.voorbeeld-chip:hover:not(:disabled),.voorbeeld-chip:focus-visible{background:var(--vlak-2);color:var(--inkt);outline:none}.voorbeeld-chip:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--regel) 35%, transparent)}.voorbeeld-chip[aria-checked=true]{border-color:var(--regel);background:var(--regel-zacht);color:var(--regel)}.voorbeeld-chip:disabled{opacity:.4;cursor:default}.voorbeeld-chip-tal{font-size:var(--maat-1);color:var(--inkt-3);font-weight:600}.voorbeeld-chip[aria-checked=true] .voorbeeld-chip-tal{color:inherit;opacity:.75}.voorbeeld-menu-voet{border-top:1px solid var(--lijn);justify-content:flex-end;align-items:center;gap:6px;margin-top:10px;padding-top:8px;display:flex}.voorbeeld-menu-uitleg{font-size:var(--maat-1);color:var(--inkt-3);flex:1;margin:0;line-height:1.35}.voorbeeld-menu-voet .tekst-knop{min-height:24px;font-size:var(--maat-1);padding:0 8px}.voorbeeld-menu-voet .tekst-knop .icoon{width:14px;height:14px}@media (width<=800px){.schrijven-actie .knop-tekst{display:none}.schrijven-actie .ontleed-knop{padding:0 12px}.schrijven-actie .tekst-knop.wis-knop{padding:0 10px}}@media (width>=481px) and (width<=640px){.schrijven-actie .knop-tekst{display:inline}}@media (width<=640px){.schrijven-kop{order:-2}.schrijven-actie{display:contents}.schrijven-actie .actie-groep:first-child{order:-1}.schrijven-actie .actie-rechts{z-index:18;padding:10px max(var(--rand), env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(var(--rand), env(safe-area-inset-left,0px));border-top:1px solid var(--lijn);background:var(--pagina);pointer-events:auto;position:fixed;bottom:0;left:0;right:0}:root[data-toetsenbord] .schrijven-actie .actie-rechts{visibility:hidden}.schrijven-actie .actie-rechts .knop{flex:1;min-width:0}.gemist-onder{justify-content:flex-end;margin-top:-6px;display:flex}.blad-achter,.blad textarea{min-height:clamp(220px,100dvh - 400px,480px)}.nakijk-actie .actie-groep{flex-wrap:wrap;width:100%}.nakijk-actie .knop,.nakijk-actie .ontleed-knop{flex:1;justify-content:center}.voorbeeld-knop{flex:1;min-width:0;display:flex}.voorbeeld-hoofd{flex:1}.wis-knop[hidden]{display:none}.voorbeeld-menu{width:auto;right:0}}.tip-popover .plat{gap:6px 12px;padding:10px;overflow:auto}.tip-popover .plat-groep{gap:4px}.tip-popover .tegel2d{width:26px;height:30px;font-size:var(--maat-3);border-radius:6px}.tip-popover .tegel-vraag{width:30px;height:34px}.tip-popover .tegel-goed{width:34px;height:38px;font-size:var(--maat-4)}.laag-chip{font-size:var(--maat-2);color:var(--inkt-2);align-items:center;gap:7px;font-weight:500;display:inline-flex}.hulp-ladder{background:var(--vlak-2);border-radius:10px;flex:none;grid-template-columns:repeat(3,minmax(88px,auto));align-self:flex-start;gap:2px;padding:3px;display:inline-grid}.hulp-ladder button{min-height:30px;font-size:var(--maat-2);color:var(--inkt-2);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-weight:500;transition:background .15s}.hulp-ladder button:hover{color:var(--inkt)}.hulp-ladder button[aria-pressed=true]{background:var(--vlak);color:var(--inkt);font-weight:600;box-shadow:0 1px 2px #281e0a1f}.stap-regel .stap-tekst{background:var(--niv-zacht,var(--vlak-2));border-radius:10px;margin-top:-3px;padding:9px 13px}.stap-twijfel .stap-nr{border-style:dashed;border-color:var(--inkt-3);color:var(--inkt-2)}.stap-twijfel.actief .stap-nr{background:var(--vlak-2);border-color:var(--inkt-3);color:var(--inkt)}.stap-twijfel .stap-tekst{border:1.5px dashed var(--lijn-sterk);background:var(--vlak-2);color:var(--inkt-2);border-radius:10px;margin-top:-3px;padding:9px 13px}.stap-kop{font-size:var(--maat-1);vertical-align:1px;background:var(--niv-vol,var(--inkt));color:var(--op-kleur);border-radius:6px;margin-right:8px;padding:3px 7px;font-weight:600;line-height:1;display:inline-block}.stap-twijfel .stap-kop{background:var(--inkt-2)}.citaat{background:var(--vlak-2);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:1px 6px;font-weight:600}.citaat.rol-persoonsvorm{background:var(--rol-pv-zacht)}.citaat.rol-onderwerp{background:var(--rol-ow-zacht)}.citaat.rol-woord{color:var(--inkt)}.zelf-verbeter{border-top:1px solid var(--lijn);flex:none;padding:10px 20px}.zelf-verbeter-rij{gap:8px;display:flex}.zelf-verbeter input{min-width:0;min-height:var(--knop);border:1px solid var(--lijn-sterk);background:var(--vlak);color:var(--inkt);font:500 var(--maat-3) / 1.3 var(--sans);border-radius:10px;flex:1;padding:0 12px}.zelf-verbeter .knop{flex:none}.verschil{font:600 var(--maat-4) / 1.2 var(--sans);white-space:pre;flex-wrap:wrap;align-items:center;gap:4px 10px;display:inline-flex}.verschil-fout{color:var(--inkt-3);font-weight:500}.verschil-goed{color:var(--goed)}.verschil del{color:var(--fout);text-decoration:line-through;text-decoration-thickness:2.5px}.verschil ins{box-shadow:inset 0 -4px 0 color-mix(in srgb, var(--goed) 45%, transparent);text-decoration:none}.verschil-pijl{color:var(--inkt-3);display:inline-flex}.keuzes{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.keuzes p{color:var(--inkt-2);margin:0 0 2px;font-weight:500}.keuze{text-align:left;background:var(--vlak-2);cursor:pointer;border:1.5px solid #0000;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:12px 16px;display:flex}.keuze:hover{border-color:var(--lijn-sterk)}.keuze .verschil{font-size:var(--maat-4)}.keuze .als{color:var(--inkt-2);font-style:italic}.terug{min-width:0;font-size:var(--maat-2);color:var(--inkt-2);flex:1;align-items:center;gap:2px;margin:0;display:flex}.terug-klaar{gap:8px}.terug-klaar .icoon{width:17px;height:17px;color:var(--goed)}.gemist{position:relative}.terug-kaartje{z-index:10;width:min(360px, calc(100vw - 2 * var(--rand)));border:1px solid var(--lijn);background:var(--vlak);color:var(--inkt);font-size:var(--maat-2);box-shadow:var(--schaduw-hoog);border-radius:14px;flex-direction:column;gap:10px;margin:0;padding:16px;animation:.15s ease-out both menu-op;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.terug-kaartje label{font-weight:500}.terug-invoer{min-height:var(--knop);border:1px solid var(--lijn-sterk);background:var(--vlak);color:var(--inkt);font:inherit;border-radius:10px;padding:0 12px}.terug-uitleg{font-size:var(--maat-1);color:var(--inkt-2)}.terug-kaartje-knoppen{justify-content:flex-end;gap:8px;display:flex}.terug-mislukt{color:var(--fout)}.leeg h2{font-weight:600;font-size:var(--maat-4);letter-spacing:-.01em;margin:2px 0 6px}.leeg p{color:var(--inkt-2);margin:0 0 14px}.leeg-knoppen{flex-wrap:wrap;gap:8px;display:flex}.code{font:var(--maat-2) / 1.5 var(--mono);background:var(--vlak-2);white-space:nowrap;border-radius:10px;padding:10px 12px;display:block;overflow-x:auto}.over{max-width:880px;margin:0 auto;padding:28px clamp(16px,3vw,32px) 64px;animation:.35s ease-out both op}.over-held{text-align:center;max-width:660px;margin:0 auto 40px}.over-boven{background:var(--vlak-2);font-size:var(--maat-2);color:var(--inkt-2);border-radius:6px;margin:0 0 14px;padding:5px 12px;font-weight:600;display:inline-block}.over h1{font-weight:600;font-size:var(--maat-kop);letter-spacing:-.025em;margin:0 0 16px;line-height:1.08}.over-intro{font-size:var(--maat-4);color:var(--inkt-2);margin:0}.beloftes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.belofte{border:1px solid var(--lijn);background:var(--vlak);box-shadow:var(--schaduw);border-radius:14px;padding:22px}.belofte-icoon{background:var(--vlak-2);width:44px;height:44px;color:var(--inkt-2);border-radius:10px;place-items:center;margin-bottom:14px;display:grid}.belofte h2,.over-blok h2{font-weight:600;font-size:var(--maat-4);letter-spacing:-.01em;margin:0 0 6px}.belofte p{font-size:var(--maat-3);color:var(--inkt-2);margin:0}.over-blok{background:var(--vlak-2);border-radius:14px;margin-top:16px;padding:24px}.over-blok p{color:var(--inkt-2);margin:0}.over-lagen{font-size:var(--maat-3);color:var(--inkt-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:12px 0 16px;padding:0;list-style:none;display:grid}.over-lagen li{align-items:baseline;gap:10px;display:flex}.over-lagen strong{color:var(--inkt);display:block}.over-lagen .laag-stip{transform:translateY(-1px)}.over-klein{font-size:var(--maat-2)}.over-wie{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;display:flex}.over-wie>div{flex:320px}.over-bron-kop{margin-top:28px;font-size:1rem}.over-bron{color:var(--inkt-2);overflow-wrap:anywhere;margin:28px 0 0}.over-bron cite{font-style:normal}.over-bron a{color:inherit}.over-voet{justify-content:center;margin-top:36px;display:flex}.lade{z-index:50;pointer-events:none;position:fixed;inset:0}.lade.open{pointer-events:auto}.lade-achter{opacity:0;background:#14100a52;transition:opacity .25s;position:absolute;inset:0}.lade.open .lade-achter{opacity:1}.lade-paneel{background:var(--vlak);width:min(420px,100vw);box-shadow:var(--schaduw-hoog);flex-direction:column;gap:8px;padding:22px 24px 20px;transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(104%)}.lade.open .lade-paneel{transform:none}.lade-kop{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.lade-kop h2{font-weight:600;font-size:var(--maat-4);margin:0}.lade-groep{border-top:1px solid var(--lijn);padding:16px 0}.lade-groep h3{font-size:var(--maat-3);margin:0 0 10px;font-weight:600}.lade-uitleg{font-size:var(--maat-2);color:var(--inkt-2);margin:10px 0 0;line-height:1.45;display:block}.segment{background:var(--vlak-2);border-radius:10px;grid-template-columns:1fr 1fr;gap:3px;padding:4px;display:grid}.segment-drie{grid-template-columns:repeat(3,minmax(0,1fr))}.segment button{font-weight:600;font-size:var(--maat-2);color:var(--inkt-2);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:9px 10px}.segment button.aan{background:var(--vlak);color:var(--inkt);box-shadow:0 1px 3px #0000001f}.schakel{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.schakel h3{margin:0}.schakel .lade-uitleg{margin-top:4px}.schakel input{opacity:0;width:1px;height:1px;position:absolute}.schakel-baan{background:var(--lijn-sterk);border-radius:999px;width:46px;height:28px;transition:background .2s;position:relative}.schakel-baan:after{content:"";background:#fff;border-radius:999px;width:22px;height:22px;transition:transform .2s cubic-bezier(.3,.8,.3,1.2);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.schakel input:checked+.schakel-baan{background:var(--regel-vol)}.schakel input:checked+.schakel-baan:after{transform:translate(18px)}.schakel input:focus-visible+.schakel-baan{outline:2.5px solid var(--regel-vol);outline-offset:2px}.lagen{flex-direction:column;gap:6px;display:flex}.laag-rij{background:var(--vlak-2);cursor:pointer;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;transition:background .15s;display:grid}.laag-rij:not(.aan) .laag-rij-tekst{opacity:.6}.laag-rij:has(input:disabled){cursor:not-allowed}.laag-stip{background:var(--laag);border-radius:999px;flex:none;width:10px;height:10px}.laag-rij:not(.aan) .laag-stip{background:var(--lijn-sterk)}.laag-rij-tekst{flex-direction:column;line-height:1.35;display:flex}.laag-rij-tekst strong{font-size:var(--maat-3)}.laag-rij-tekst span{font-size:var(--maat-2);color:var(--inkt-2)}.laag-rij input{opacity:0;width:1px;height:1px;position:absolute}.laag-rij input:checked+.schakel-baan{background:var(--laag)}.laag-rij input:checked+.schakel-baan:after{transform:translate(18px)}.laag-rij input:disabled+.schakel-baan{opacity:.55}.laag-rij input:focus-visible+.schakel-baan{outline:2.5px solid var(--regel-vol);outline-offset:2px}.lade-groep select{width:100%;font:inherit;border:1px solid var(--lijn-sterk);background:var(--vlak);color:var(--inkt);border-radius:10px;padding:10px 12px}.lade-meer summary{cursor:pointer;color:var(--inkt-2);font-weight:600}.schuif{font-size:var(--maat-3);flex-direction:column;gap:10px;margin-top:14px;display:flex}.schuif input{accent-color:var(--regel-vol)}.lade-voet{border-top:1px solid var(--lijn);font-size:var(--maat-2);color:var(--inkt-3);flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:auto;padding-top:18px;display:flex}.lade-voet .stip{background:var(--fout);border-radius:999px;width:8px;height:8px}.lade-voet .stip.aan{background:var(--goed)}.lade-links{gap:14px;margin-left:auto;display:flex}.lade-links a{color:var(--inkt-2)}.toast{z-index:60;border:1px solid var(--lijn);background:var(--vlak);max-width:calc(100vw - 16px);color:var(--inkt-2);font-size:var(--maat-1);white-space:nowrap;box-shadow:var(--schaduw);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;animation:.2s ease-out both toast;display:inline-flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}@media (width>=1061px){.toast{inset:64px 16px auto auto;transform:none}}.toast-knop{color:var(--inkt);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:2px 0;text-decoration:underline}.toast .icoon{width:14px;height:14px}@keyframes op{0%{opacity:0;transform:translateY(8px)}}@keyframes menu{0%{opacity:0;transform:translateY(-6px)scale(.97)}}@keyframes zweef{0%{opacity:0;transform:translateY(16px)}}@keyframes toast{0%{opacity:0}}@keyframes verschijn{0%{opacity:0}}@keyframes puls{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width>=1061px){.scherm-nakijk{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.nakijken{flex:1;grid-template-rows:minmax(0,1fr);min-height:0}.nakijk-kolom{min-height:0}.nakijk-vel{flex:1;min-height:0;overflow-y:auto}.nakijk-blad,.nakijk-tekst:not(.nakijk-achter){min-height:100%}}@media (width>=1061px) and (width<=1280px){.nakijk-actie{flex-wrap:nowrap}.nakijk-actie .knop,.nakijk-actie .ontleed-knop{padding:0 12px}.nakijk-actie .tekst-knop{padding:0 8px}}@media (width<=1060px){.nakijken{width:100%;max-width:calc(var(--vel-breedte) + 2 * var(--rand));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));grid-template-columns:minmax(0,1fr);margin:0 auto}}@media (width<=820px){.beloftes{grid-template-columns:minmax(0,1fr)}.belofte{grid-template-columns:auto minmax(0,1fr);column-gap:14px;padding:18px;display:grid}.belofte>*{grid-column:2}.belofte-icoon{grid-area:1/1/span 2;margin:0}.over-lagen{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){:root{--lijnhoogte:32px;--lijn-onder:25px;--vel-boven:20px;--vel-rand:20px}.kop-link{padding:0 8px}.over-intro{font-size:var(--maat-3)}.over{padding-top:12px}.over-held{margin-bottom:28px}.over-blok{padding:20px}.merk{gap:0;font-size:0}.blad-achter,.blad textarea,.nakijk-tekst{font-size:18px}.verschil{font-size:var(--maat-4)}}@media (pointer:coarse){.tip-popover .zelf-verbeter input,.zelf-verbeter input,.terug-invoer{font-size:max(16px, var(--maat-3))}}.schrijven-rij{justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.schrijven-rij .hulp-ladder{align-self:center}.hulp-keuze{align-items:center;gap:10px;display:flex}.hulp-label{color:var(--inkt-2);font-size:var(--maat-2);white-space:nowrap}@media (width<=640px){.schrijven-rij{flex-wrap:wrap}.schrijven-rij h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.hulp-keuze{flex-direction:column;align-items:stretch;gap:6px;width:100%}.hulp-label{font-size:var(--maat-1);padding-left:2px}.schrijven-rij .hulp-keuze .hulp-ladder{grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch}.regel-leeg,.regel-opdracht,.regel-status{display:none}:root{--balk:calc(var(--knop) + 21px + env(safe-area-inset-bottom,0px))}.nakijken{padding-bottom:calc(var(--balk) + 16px);animation-name:verschijn}}