/* WCAG-monitor: regio- en plaatspagina's. Bouwt voort op check.css en wcag.css. Contrast overal minimaal 4,5:1. */
.mhero{background:var(--night);color:#F1EFE4;padding-block:clamp(32px,6vw,80px) clamp(40px,6vw,72px)}
.mhero .label{color:var(--night-muted)}
.mhero h1{font-size:clamp(2.3rem,5.6vw,4.2rem);margin-top:16px;max-width:22ch}
.mhero .lede{margin-top:20px;font-size:1.15rem;color:var(--night-text);max-width:62ch}
.mhero a{color:#F1EFE4}

.kruimels ol{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:.92rem;color:var(--night-muted)}
.kruimels li+li::before{content:"/";margin-right:6px;color:var(--night-muted)}
.kruimels a{color:var(--night-text)}
.kruimels [aria-current]{color:#F1EFE4}

.kerncijfers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px;max-width:760px}
.kerncijfers div{background:var(--night-2);border:1px solid var(--night-line);border-radius:6px;padding:16px 18px;display:grid;gap:6px}
.kerncijfers b{font:400 clamp(2rem,4.5vw,2.8rem)/1 var(--f-title);color:var(--marker)}
.kerncijfers span{font-size:.95rem;color:var(--night-text)}
@media (max-width:560px){.kerncijfers{grid-template-columns:1fr}}

.status{margin-top:20px;font-size:.98rem;color:var(--night-text);max-width:70ch}
.status.voorlopig{border-left:4px solid var(--marker);padding-left:14px}
.vgl-vorig{margin-top:10px;color:var(--night-text)}

.kop2{font-size:clamp(1.6rem,3.2vw,2.3rem);margin:0 0 10px}
.sub{color:var(--muted);margin:0 0 18px}
.punten-lijst{list-style:none;margin:0 0 40px;padding:0;display:grid;gap:18px;max-width:820px}
.punten-lijst li{display:grid;gap:6px}
.pl-kop{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap}
.pl-kop b{font-weight:500}
.pl-kop .pct{color:var(--muted)}
.pl-bar{height:10px;background:var(--line);border-radius:5px;overflow:hidden}
.pl-bar i{display:block;height:100%;border-radius:5px}
.pl-bar i.hi{background:var(--goed)}.pl-bar i.mid{background:var(--matig)}.pl-bar i.lo{background:var(--fout)}
.punten-lijst p{margin:0;font-size:.94rem;color:var(--muted)}

.tabel-wrap{overflow-x:auto;margin-bottom:40px;max-width:820px}
.mtabel{width:100%;border-collapse:collapse;font-size:1rem}
.mtabel th,.mtabel td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.mtabel thead th{font:500 .85rem/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink)}
.mtabel tbody th{font-weight:500}
.stil{color:var(--muted)}

.bkaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.bkaart{border:1px solid var(--line);border-radius:6px;padding:24px;display:grid;gap:12px;align-content:start}
.bkaart h2{font-size:clamp(1.5rem,3vw,2rem)}
.rlijst{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rlijst li{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:8px}
.rlijst li span{color:var(--muted)}
.voet-noot{margin-top:20px;color:var(--muted);font-size:.95rem}

.methode-blok{max-width:820px;display:grid;gap:14px}
.methode-blok p{margin:0;color:var(--muted)}
.methode-blok p b{color:var(--ink);font-weight:500}
.methode-blok h2{font-size:clamp(1.6rem,3.2vw,2.3rem)}

.cta-sec{border-top:0;padding-top:0}
.cta .scanform{align-self:center}
.links-rij{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:10px}
.links-rij a{padding:6px 0}
.bkaart{min-width:0}.bkaart .btn,.mhero .btn{white-space:normal}
.monitor h1,.monitor h2{text-transform:uppercase}