/* NCPV — "Luister naar deze pagina". Zie docs/DESIGN_SYSTEEM_V2.md §5. */
/* Ruimte vooraf reserveren (het script vult het blok na het laden): voorkomt verspringen van de tekst eronder. */
[data-ncpv-luister]{box-sizing:border-box;min-height:8.625rem;margin:0 0 1.25rem}
@media (max-width:520px){[data-ncpv-luister]{min-height:12.25rem}}
@media (max-width:360px){[data-ncpv-luister]{min-height:15.875rem}}
.ncpv-ls{--ls-vlak:#FFFFFF;--ls-tekst:#19232F;--ls-kop:#092A50;--ls-lijn:#C9BB9F;--ls-rand:#6B7684;--ls-accent:#092A50;--ls-accent-tekst:#FFFFFF;--ls-ring:#092A50;--ls-halo:#FFFFFF;
 box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;max-width:100%;margin:0 0 1.25rem;padding:12px 14px;border:1px solid var(--ls-lijn);border-radius:14px;background:var(--ls-vlak);color:var(--ls-tekst);
 font:400 1rem/1.4 Georgia,"Noto Serif","Times New Roman",serif}
html[data-contrast="verhoogd"] .ncpv-ls{--ls-tekst:#0B1622;--ls-kop:#06203F;--ls-lijn:#6B6455;--ls-rand:#4A5563;--ls-accent:#06203F}
html[data-contrast="hoog"] .ncpv-ls{--ls-tekst:#000;--ls-kop:#000;--ls-lijn:#000;--ls-rand:#000;--ls-accent:#000;--ls-ring:#000;border-width:2px}
.ncpv-ls *{box-sizing:border-box}
.ncpv-ls__titel{flex:1 1 100%;margin:0;font:700 1.125rem/1.3 "EB Garamond","EB Garamond Bold",Georgia,serif;color:var(--ls-kop)}
.ncpv-ls button,.ncpv-ls select{min-height:48px;padding:8px 16px;border-radius:999px;border:1px solid var(--ls-rand);background:var(--ls-vlak);color:var(--ls-tekst);cursor:pointer;
 font:600 1rem/1.25 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif}
.ncpv-ls select{border-radius:12px;padding-right:12px}
.ncpv-ls button.ncpv-ls__hoofd{background:var(--ls-accent);color:var(--ls-accent-tekst);border-color:var(--ls-accent)}
/* Uitgeschakeld: geen doorzichtigheid (blijft leesbaar, >= 4,5:1), wel een gestreepte rand als tweede kenmerk. */
.ncpv-ls button[disabled]{color:#55606E;background:var(--ls-vlak);border-color:var(--ls-rand);border-style:dashed;cursor:not-allowed}
html[data-contrast="verhoogd"] .ncpv-ls button[disabled]{color:#3E4A58}
html[data-contrast="hoog"] .ncpv-ls button[disabled]{color:#000}
.ncpv-ls button:focus-visible,.ncpv-ls select:focus-visible{outline:3px solid var(--ls-ring);outline-offset:3px;box-shadow:0 0 0 6px var(--ls-halo)}
.ncpv-ls label{display:inline-flex;align-items:center;gap:8px}
.ncpv-ls__status{flex:1 1 100%;margin:0;font-size:.9375rem;min-height:1.4em}
.ncpv-ls__geen{margin:0}
@media (forced-colors:active){.ncpv-ls{border:2px solid CanvasText}.ncpv-ls button,.ncpv-ls select{border:2px solid ButtonText}}