/* NCPV — paneel "Weergave en toegankelijkheid" + tekstgrootte. Zie docs/DESIGN_SYSTEEM_V2.md §1, §6. */
html[data-tekst="groot"]{font-size:112.5%}
html[data-tekst="groter"]{font-size:125%}
html[data-beweging="rustig"] *,html[data-beweging="rustig"] *::before,html[data-beweging="rustig"] *::after{
 animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}

.ncpv-wg{--wg-vlak:#FFFFFF;--wg-tekst:#19232F;--wg-kop:#092A50;--wg-lijn:#C9BB9F;--wg-rand:#6B7684;--wg-accent:#092A50;--wg-accent-tekst:#FFFFFF;--wg-zacht:#F2EDE3;--wg-ring:#092A50;--wg-halo:#FFFFFF;
 box-sizing:border-box;width:min(34rem,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:0;border:1px solid var(--wg-lijn);border-radius:16px;
 background:var(--wg-vlak);color:var(--wg-tekst);box-shadow:0 24px 60px -24px rgba(6,27,51,.55);font:400 1.0625rem/1.55 Georgia,"Noto Serif","Times New Roman",serif}
html[data-contrast="verhoogd"] .ncpv-wg{--wg-tekst:#0B1622;--wg-kop:#06203F;--wg-lijn:#6B6455;--wg-rand:#4A5563;--wg-accent:#06203F;--wg-zacht:#F3F0E8}
html[data-contrast="hoog"] .ncpv-wg{--wg-tekst:#000;--wg-kop:#000;--wg-lijn:#000;--wg-rand:#000;--wg-accent:#000;--wg-zacht:#FFF;--wg-ring:#000;border-width:2px;box-shadow:none}
.ncpv-wg::backdrop{background:rgba(6,27,51,.55)}
html[data-contrast="hoog"] .ncpv-wg::backdrop{background:rgba(0,0,0,.8)}
.ncpv-wg *{box-sizing:border-box}
.ncpv-wg__binnen{padding:22px 24px 24px}
.ncpv-wg__kop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 6px}
.ncpv-wg h2{margin:0;font:700 1.625rem/1.2 "EB Garamond","EB Garamond Bold",Georgia,serif;color:var(--wg-kop)}
.ncpv-wg p{margin:0 0 14px}
.ncpv-wg fieldset{margin:0 0 18px;padding:14px 0 0;border:0;border-top:1px solid var(--wg-lijn);min-width:0}
.ncpv-wg legend{padding:0 10px 0 0;font:700 1.1875rem/1.3 "EB Garamond","EB Garamond Bold",Georgia,serif;color:var(--wg-kop)}
.ncpv-wg__schuif{display:block;margin:10px 0 4px}
.ncpv-wg__schuif label{display:block;font-size:1rem;margin-bottom:6px}
.ncpv-wg input[type=range]{width:100%;height:44px;margin:0;accent-color:var(--wg-accent);cursor:pointer;background:transparent}
.ncpv-wg__stappen{display:flex;justify-content:space-between;font-size:.9375rem;color:var(--wg-tekst)}
.ncpv-wg__keuzes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ncpv-wg__keuze{position:relative;flex:1 1 8rem}
.ncpv-wg__keuze input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ncpv-wg__keuze span{display:flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:8px 14px;border:1px solid var(--wg-rand);border-radius:12px;
 font:600 1rem/1.25 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;text-align:center;background:var(--wg-vlak);color:var(--wg-tekst)}
.ncpv-wg__keuze input:checked+span{background:var(--wg-accent);color:var(--wg-accent-tekst);border-color:var(--wg-accent)}
.ncpv-wg__keuze input:checked+span::before{content:"✓";font-weight:700}
.ncpv-wg__keuze input:focus-visible+span,.ncpv-wg input[type=range]:focus-visible,.ncpv-wg button:focus-visible{outline:3px solid var(--wg-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--wg-halo)}
.ncpv-wg__acties{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:16px;border-top:1px solid var(--wg-lijn)}
.ncpv-wg button{min-height:48px;padding:10px 18px;border-radius:999px;cursor:pointer;font:600 1rem/1.25 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;border:1px solid var(--wg-rand);background:var(--wg-vlak);color:var(--wg-tekst)}
.ncpv-wg button.ncpv-wg__sluit{background:var(--wg-accent);color:var(--wg-accent-tekst);border-color:var(--wg-accent)}
.ncpv-wg button.ncpv-wg__kruis{min-width:48px;padding:0;font-size:1.375rem;line-height:1}
.ncpv-wg__uitleg{font-size:.9375rem;margin:14px 0 0}
.ncpv-wg__status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media (forced-colors:active){.ncpv-wg{border:2px solid CanvasText}.ncpv-wg__keuze span{border:2px solid ButtonText}.ncpv-wg__keuze input:checked+span{border:3px solid Highlight;forced-color-adjust:none;background:Highlight;color:HighlightText}}