@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
/* r4m maX clone 2 · gedeelde stijl (v0.4.0)
   Standaard: de donkere, kleurrijke look van de oude kloon (DESIGN-v2.md). Knop in de kop zet de lichte ontwerptaal van 29-09 aan
   (docs/design/2026-09-29-drie-schermen.pdf, html[data-thema=licht]). Rechts: het paneel (menu.js), op elke pagina.
   Skelet van elke pagina: header#kop · nav#menu · main#inhoud · footer#voet (menu.js vult kop, menu en voet). */
:root{--bg:#06080e;--kaart:#0c111d;--kaart-hover:#131b2e;--nav:#0b1220;--rand:#1e293b;--rand-accent:#334155;--rand-hover:#475569;
--tekst:#f1f5f9;--dim:#94a3b8;--zacht:#64748b;--tab:#cbd5e1;--link:#93c5fd;
--groen:#34d399;--geel:#fbbf24;--rood:#f87171;--rood-hard:#ef4444;--paars:#c084fc;--cyaan:#22d3ee;--merk1:#3b82f6;--merk2:#6366f1;
--r:12px;--kop-h:56px;--menu-b:16.5rem;
--inkt:#1e293b;--veld:#0a0f1a;--oranje:#fb923c;--paneel-b:22rem;
--serif:"Instrument Serif","Iowan Old Style",Georgia,serif;
--sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--kop-h) + 8px)}
body{margin:0;background:var(--bg);color:var(--tekst);font:1rem/1.6 var(--sans);overflow-wrap:break-word;
display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"kop" "inhoud" "voet"} /* voet groeit naar onder: geen verschuiving */
h1,h2,h3,h4{line-height:1.25;margin:1.4em 0 .5em}
h1{font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:800;letter-spacing:-.02em;margin-top:.4em}
h2{font-size:1.3rem;font-weight:700}h3{font-size:1.1rem;font-weight:700}h4{font-size:1rem}
p{margin:.6em 0}ul,ol{padding-left:1.4rem;margin:.6em 0}li{margin:.2em 0}
a{color:var(--link);text-underline-offset:2px}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--link);outline-offset:2px}
img,svg{max-width:100%;height:auto}
code,kbd,pre,.mono{font-family:var(--mono)}
code{font-size:.85em;background:#0f172a;border:1px solid var(--rand);border-radius:4px;padding:.05em .3em}
pre{overflow-x:auto;background:#0a0f1a;border:1px solid var(--rand);border-radius:8px;padding:.8rem;font-size:.85rem;line-height:1.45}
pre code{background:none;border:0;padding:0;font-size:inherit}
blockquote{margin:.8rem 0;padding:.1rem 1rem;border-left:3px solid var(--rand-accent);color:var(--tab)}
hr{border:0;border-top:1px solid var(--rand);margin:1.5rem 0}
strong,b{font-weight:700}

/* kop */
#kop{grid-area:kop;position:sticky;top:0;z-index:40;height:var(--kop-h);display:flex;align-items:center;gap:.7rem;padding:0 1rem;
background:rgba(11,18,32,.94);border-bottom:1px solid var(--rand);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.merk{display:flex;align-items:center;gap:.55rem;color:var(--tekst);text-decoration:none;font-weight:800;white-space:nowrap}
.merk b{background:linear-gradient(135deg,var(--merk1),var(--merk2));color:#fff;border-radius:6px;padding:.1rem .45rem;font-size:.85rem;letter-spacing:.03em}
.merk span{font-size:.95rem}
.kop-waar{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dim);font:600 .78rem var(--mono)}
.menuknop{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.3rem .8rem;border-radius:8px;border:1px solid var(--rand-accent);
background:var(--kaart);color:var(--tekst);font:600 .9rem var(--sans);cursor:pointer}
.naar-inhoud{position:absolute;left:-999px;top:.5rem;z-index:60;background:var(--tekst);color:var(--nav);padding:.4rem .8rem;border-radius:8px}
.naar-inhoud:focus{left:1rem}

/* menu: op gsm een paneel achter de menuknop, vanaf 960px een vaste kolom */
#menu{grid-area:menu;display:none;background:var(--nav);padding:.75rem .6rem 2rem}
body.menu-open #menu{display:block;position:fixed;top:var(--kop-h);left:0;right:0;bottom:0;overflow-y:auto;z-index:35}
body.menu-open{overflow:hidden}
#menu details{margin:0 0 .3rem}
#menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:.55rem;min-height:40px;padding:.35rem .6rem;border-radius:10px;
font:700 .75rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
#menu summary::-webkit-details-marker{display:none}
#menu summary::after{content:"▸";margin-left:auto}#menu details[open]>summary::after{content:"▾"}
#menu summary:hover{background:rgba(255,255,255,.04);color:var(--tekst)}
#menu summary i{width:8px;height:8px;border-radius:50%;background:var(--kl,var(--dim));flex:none}
#menu a{display:flex;align-items:center;min-height:40px;padding:.35rem .7rem .35rem 1.6rem;margin:1px 0;border-radius:8px;color:var(--tab);
text-decoration:none;font:600 .9rem var(--sans)}
#menu a:hover{background:rgba(255,255,255,.05);color:var(--tekst)}
#menu a[aria-current=page]{background:var(--kl,var(--tekst));color:var(--nav);box-shadow:0 0 0 2px rgba(255,255,255,.28),0 4px 14px rgba(0,0,0,.45)}
a.ext::after,.ext>a::after{content:" ↗";font-size:.85em}
@media (min-width:960px){
body{grid-template-columns:var(--menu-b) minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"kop kop" "menu inhoud" "menu voet"}
.menuknop{display:none}
#menu{display:block;position:sticky;top:var(--kop-h);align-self:start;height:calc(100vh - var(--kop-h));overflow-y:auto;border-right:1px solid var(--rand)}
body.menu-open{overflow:auto}}

/* inhoud en voet */
main{grid-area:inhoud;width:100%;max-width:68rem;margin:0 auto;padding:1rem 1rem 3rem;min-width:0}
#voet{grid-area:voet;border-top:1px solid var(--rand);padding:1.25rem 1rem 2rem;color:var(--dim);font-size:.85rem}
#voet nav{display:flex;flex-wrap:wrap;gap:.3rem 1.1rem;margin-bottom:.6rem}
#voet p{margin:.35rem 0}
.wettelijk{font-size:.78rem}

/* bouwstenen */
.kaart{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);padding:1rem;margin:0 0 1rem}
.kaart>:first-child{margin-top:0}.kaart>:last-child{margin-bottom:0}
a.kaart{display:block;color:inherit;text-decoration:none}a.kaart:hover{background:var(--kaart-hover);border-color:var(--rand-accent)}
.raster{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));margin:1rem 0}
.raster>.kaart{margin:0}
.kader{border:1px solid var(--rand-accent);border-radius:10px;padding:.7rem 1rem;margin:.9rem 0;background:rgba(255,255,255,.02)}
.kader>:last-child{margin-bottom:0}
.kader-kop{display:block;margin:0 0 .35rem;font:700 .72rem/1.35 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
details.kader>summary{cursor:pointer;margin:0}details.kader[open]>summary{margin-bottom:.35rem}
.label{display:inline-block;padding:.08rem .55rem;border-radius:999px;border:1px solid var(--rand-accent);color:var(--tab);
font:700 .68rem/1.55 var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}
.label-live{color:var(--groen);border-color:rgba(52,211,153,.55);background:rgba(52,211,153,.1)}
.label-werkt{color:var(--cyaan);border-color:rgba(34,211,238,.5);background:rgba(34,211,238,.08)}
.label-tak{color:var(--geel);border-color:rgba(251,191,36,.5);background:rgba(251,191,36,.08)}
.label-tebouwen{color:var(--dim);border-style:dashed;border-color:var(--rand-hover)}
.getal{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700}
.getal-groot{display:block;font-size:1.7rem;line-height:1.15}
.tegels{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,9.5rem),1fr));margin:1rem 0}
.tegel{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);padding:.75rem .9rem}
.tegel .getal{display:block;font-size:1.6rem;line-height:1.15}
.tegel small{display:block;color:var(--dim);font-size:.8rem;line-height:1.35;margin-top:.2rem}
.tabel-rol{overflow-x:auto;margin:.9rem 0;border:1px solid var(--rand);border-radius:10px}
.tabel{width:100%;border-collapse:collapse;font-size:.9rem}
.tabel th,.tabel td{padding:.5rem .7rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--rand)}
.tabel th{font:700 .7rem/1.4 var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--dim);background:var(--nav)}
.tabel tr:last-child td{border-bottom:0}
.tabel .r,.tabel td.getal{text-align:right;white-space:nowrap}
.st-af{color:var(--groen)}.st-half{color:var(--geel)}.st-niet{color:var(--dim)}
.wacht,.fout{margin:.8rem 0;padding:.6rem .9rem;border-radius:8px}
.wacht{border:1px solid rgba(251,191,36,.4);background:rgba(251,191,36,.07)}
.fout{border:1px solid rgba(248,113,113,.45);background:rgba(248,113,113,.08)}
.laden{color:var(--dim);font-style:italic}
.plek{min-height:var(--plek,8rem)} /* ruimte vrijhouden voor live data boven de vouw: geen verschuiving (CLS) */

/* tabs (lib.js R4M.tabs koppelt [role=tab] aan [role=tabpanel]) */
[role=tablist]{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0;padding-bottom:.6rem;border-bottom:1px solid var(--rand)}
[role=tab]{min-height:38px;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--rand-accent);background:transparent;color:var(--tab);
font:600 .85rem var(--sans);cursor:pointer}
[role=tab]:hover{background:rgba(255,255,255,.05);color:var(--tekst)}
[role=tab][aria-selected=true]{background:var(--tekst);border-color:var(--tekst);color:var(--nav)}
[role=tabpanel][hidden]{display:none}
/* lange tabstrook (7 tabs of meer) op gsm: één rij die opzij scrolt, de pagina zelf niet. Zonder :has() wrapt hij gewoon. */
@media (max-width:600px){[role=tablist]:has(>[role=tab]:nth-child(7)){flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
[role=tablist]:has(>[role=tab]:nth-child(7))>[role=tab]{flex:0 0 auto;white-space:nowrap;scroll-snap-align:start}}

/* uitklapblok */
details.uitklap{background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r);margin:0 0 .75rem}
details.uitklap>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem;padding:.8rem 1rem;font-weight:700}
details.uitklap>summary::-webkit-details-marker{display:none}
details.uitklap>summary::before{content:"▸";color:var(--dim);width:.8em}details.uitklap[open]>summary::before{content:"▾"}
details.uitklap>summary:hover{background:var(--kaart-hover);border-radius:var(--r)}
details.uitklap>div{padding:0 1rem 1rem}
summary .label{white-space:normal}
.blok-pitch{flex-basis:100%;padding-left:1.4em;font-weight:400;color:var(--dim);font-size:.92rem}

/* knoppen en velden */
.knoppen{display:flex;flex-wrap:wrap;gap:.5rem;margin:.9rem 0}
.knop{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.45rem 1rem;border-radius:8px;border:1px solid var(--rand-accent);
background:var(--kaart);color:var(--tekst);font:600 .9rem var(--sans);text-decoration:none;cursor:pointer}
.knop:hover{border-color:var(--rand-hover);background:var(--kaart-hover)}
.knop-hoofd{background:linear-gradient(135deg,var(--merk1),var(--merk2));border-color:transparent;color:#fff}
.knop:disabled,.knop[aria-disabled=true]{opacity:.5;cursor:not-allowed}
label{display:block;font-weight:600;margin:.7rem 0 .25rem}
input,select,textarea{font:inherit;color:var(--tekst);background:#0a0f1a;border:1px solid var(--rand-accent);border-radius:8px;padding:.5rem .7rem;max-width:100%}
input[type=checkbox],input[type=radio]{accent-color:var(--merk1)}

/* hulpklassen */
.dim{color:var(--dim)}.klein{font-size:.85rem}.lead{font-size:1.05rem;color:var(--tab)}
.meta{font:600 .78rem/1.5 var(--mono);color:var(--dim)}
.rij{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.groen{color:var(--groen)}.geel{color:var(--geel)}.rood{color:var(--rood)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@media print{
#kop,#menu,#voet,.knop,.knoppen,.geen-print,[role=tablist]{display:none!important}
:root{color-scheme:light!important}html,body{background:#fff!important}@page{margin:12mm;background:#fff}
body{display:block;background:#fff;color:#000;font-size:11pt}
main{max-width:none;padding:0}
.kaart,.tegel,.kader,.tabel-rol,details.uitklap{background:#fff;border-color:#999;break-inside:avoid}
a{color:#000}.dim,.meta,.tegel small,.blok-pitch{color:#333}
.label{color:#000!important;background:none!important;border-color:#000!important}
code,kbd,pre{background:none!important;color:#000!important;border:1px solid #bbb!important}.lead{color:#222!important}
.tabel th{background:#eee;color:#000}.wacht,.fout{background:none}}

/* ── Licht (ontwerptaal 29-09): alleen tokens en een paar regels ── */
html[data-thema=licht]{--bg:#f3f1ec;--kaart:#fff;--kaart-hover:#faf8f4;--nav:#f8f6f1;--rand:#e4e0d7;--rand-accent:#d6d1c6;--rand-hover:#bfb9ac;
--tekst:#1b1916;--dim:#6b665d;--zacht:#8a857b;--tab:#3a362f;--link:#1f4fbf;--inkt:#1c1a17;--veld:#faf8f4;
--groen:#1a7f4b;--geel:#9a6a00;--rood:#b42318;--rood-hard:#b42318;--paars:#6d3fc0;--cyaan:#0e7490;--oranje:#b85a1b;--merk1:#1f4fbf;--merk2:#1f4fbf;color-scheme:light}
html[data-thema=licht] h1{font:400 clamp(2rem,4.4vw,2.8rem)/1.1 var(--serif);letter-spacing:-.01em}
html[data-thema=licht] h2{font:400 1.7rem/1.2 var(--serif)}
html[data-thema=licht] code{background:var(--veld)}html[data-thema=licht] pre{background:var(--veld)}
html[data-thema=licht] #kop{background:rgba(243,241,236,.94)}
html[data-thema=licht] #kop .merk b{background:none;color:var(--tekst);font:400 1.45rem/1 var(--serif);padding:0}
html[data-thema=licht] #menu a[aria-current=page]{background:var(--inkt);color:#fff;box-shadow:none}
html[data-thema=licht] #menu summary:hover,html[data-thema=licht] #menu a:hover,html[data-thema=licht] [role=tab]:hover{background:rgba(0,0,0,.05)}
html[data-thema=licht] [role=tab][aria-selected=true]{background:var(--inkt);border-color:var(--inkt);color:#fff}
html[data-thema=licht] .knop{border-radius:999px}html[data-thema=licht] .knop-hoofd{background:var(--merk1)}
html[data-thema=licht] input,html[data-thema=licht] select,html[data-thema=licht] textarea{background:var(--veld)}
html[data-thema=licht] .wacht{border-color:rgba(154,106,0,.3);background:rgba(154,106,0,.06)}
html[data-thema=licht] .fout{border-color:rgba(180,35,24,.35);background:rgba(180,35,24,.06)}
html[data-thema=licht] .label-live{border-color:rgba(26,127,75,.4);background:rgba(26,127,75,.07)}
html[data-thema=licht] .kader{background:var(--kaart);border-color:var(--rand);border-radius:14px}
html[data-thema=licht] #menu details{background:none;border-color:transparent}

/* ── Kop zoals de oude kloon: motorstand, Key Box, thema, paneel ── */
#kop .merk{border:0;padding:0;text-transform:none;letter-spacing:0;background:none;font:800 1rem var(--sans)} /* nele.css heeft ook een .merk */
.kop-knoppen{display:flex;align-items:center;gap:.45rem;margin-left:.6rem;flex:none}
.kop-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:.2rem .7rem;border-radius:8px;border:1px solid var(--rand-accent);
background:var(--kaart);color:var(--tab);font:700 .78rem var(--mono);text-decoration:none;cursor:pointer;white-space:nowrap}
.kop-chip:hover{border-color:var(--rand-hover);color:var(--tekst)}
.kop-chip i{width:7px;height:7px;border-radius:50%;background:var(--groen)}
.kop-keybox{background:#059669;border-color:#059669;color:#fff;font-family:var(--sans)}
.kop-keybox:hover{color:#fff;filter:brightness(1.1)}
.kop-paneel[aria-expanded=true]{background:var(--merk1);border-color:var(--merk1);color:#fff}
@media (max-width:760px){.kop-motor,.kop-keybox{display:none}.kop-waar{display:none}.kop-knoppen{margin-left:auto}}
@media (max-width:480px){#kop{gap:.4rem;padding:0 .6rem}#kop .merk span{display:none}.kop-chip{padding:.2rem .5rem}.menuknop{padding:.3rem .6rem}}

/* ── Menu zoals de oude kloon: elke groep een gekleurd kader ── */
#menu details{border:1px solid color-mix(in srgb,var(--kl) 38%,transparent);background:color-mix(in srgb,var(--kl) 5%,transparent);border-radius:12px;padding:.15rem .25rem;margin:0 0 .6rem}
#menu summary{color:var(--kl,var(--dim))}
#menu details[open]{box-shadow:0 0 0 1px color-mix(in srgb,var(--kl) 14%,transparent) inset}
#menu a{padding-left:1.2rem}
html:not([data-thema=licht]) #menu a[aria-current=page]{background:#fde047;color:#0b1220;box-shadow:0 0 0 2px rgba(253,224,71,.35),0 0 18px rgba(253,224,71,.35)}

/* ── Het paneel rechts: een derde kolom met de stand, op elke pagina ── */
#paneel{position:fixed;top:var(--kop-h);right:0;bottom:0;width:min(100%,var(--paneel-b));z-index:30;overflow-y:auto;background:var(--nav);
border-left:1px solid var(--rand);padding:1rem 1.1rem 2rem;transform:translateX(100%);visibility:hidden;transition:transform .2s ease,visibility .2s}
body.paneel-open #paneel{transform:none;visibility:visible}
@media (min-width:1280px){body.paneel-open{padding-right:var(--paneel-b)}}
@media (prefers-reduced-motion:reduce){#paneel{transition:none}}
#paneel h2{font:600 .74rem/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:1.3rem 0 .5rem}
#paneel h2:first-child{margin-top:0}
#paneel ul{list-style:none;padding:0;margin:0}#paneel li{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px solid var(--rand);font-size:.9rem}
#paneel li>:last-child{text-align:right}
#paneel p{font-size:.9rem;background:var(--kaart);border:1px solid var(--rand);border-radius:12px;padding:.7rem .9rem}
.paneel-sluit{float:right;margin:-.2rem 0 0 .5rem}

/* De brug (v0.3.0): paginakop met pillen, de kaart (eID → modules → sectoren), het standpaneel */
main.breed{max-width:86rem}
.paginakop{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;padding-bottom:1rem;margin-bottom:1.4rem;border-bottom:1px solid var(--rand)}
.paginakop h1{margin:0}.paginakop-zin{margin:0;color:var(--dim)}
.pillen{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 0 auto}
.pil{display:inline-flex;align-items:center;min-height:38px;padding:.3rem 1rem;border-radius:999px;border:1px solid var(--rand-accent);background:var(--kaart);
color:var(--tekst);font:500 .9rem var(--sans);text-decoration:none}
.pil:hover{border-color:var(--rand-hover)}.pil-hoofd{background:var(--merk1);border-color:var(--merk1);color:#fff}
.kaartrooster{display:block}
.brugkaart{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:760px){.brugkaart{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}}
.bk-kol{display:flex;flex-direction:column;gap:.8rem;position:relative}
.bk-kop{margin:0;font:600 .74rem/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.bk-uitleg{margin:-.5rem 0 .4rem;font-size:.9rem;color:var(--dim);min-height:2.7em}
.bk-vak{position:relative;display:block;background:var(--kaart);border:1px solid var(--rand);border-radius:12px;padding:.75rem .9rem;color:inherit;text-decoration:none}
.bk-vak b{display:block;font-weight:700}.bk-vak span{display:block;color:var(--dim);font-size:.9rem;line-height:1.4}
a.bk-vak:hover{border-color:var(--rand-hover)}
.bk-kern{border:2px solid var(--merk1)}.bk-later{border-style:dashed;background:transparent}
.bk-zeef{margin-top:1.4rem;background:var(--inkt);color:#fff;border-radius:12px;padding:.9rem 1rem}
.bk-zeef b{display:block}.bk-zeef span{display:block;font-size:.95rem;line-height:1.45}.bk-zeef small{display:block;color:#bdb8ae;margin-top:.2rem}
@media (min-width:760px){ /* verbindingslijnen: elk vak van kolom 1 en 3 hangt aan een lijn naar de middelste kolom */
.bk-kol:first-child .bk-vak::after{content:"";position:absolute;top:50%;left:100%;width:1.2rem;border-top:1px solid var(--zacht)}
.bk-kol:last-child .bk-vak::before{content:"";position:absolute;top:50%;right:100%;width:1.2rem;border-top:1px solid var(--zacht)}
.bk-kol:nth-child(2) .bk-kern::before,.bk-kol:nth-child(2) .bk-kern::after{content:"";position:absolute;top:50%;width:1.2rem;border-top:1px solid var(--zacht)}
.bk-kol:nth-child(2) .bk-kern::before{right:100%}.bk-kol:nth-child(2) .bk-kern::after{left:100%}}
.punt{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-right:.35rem;vertical-align:.05em;background:var(--zacht)}
.punt-insteek{background:var(--groen)}.punt-kand{background:var(--merk1)}.punt-nieuw{background:var(--oranje)}
.stand{border-top:1px solid var(--rand);padding-top:1rem}
@media (min-width:1180px){.stand{border-top:0;border-left:1px solid var(--rand);padding:0 0 0 1.5rem}}
.stand .bk-kop{margin:1.2rem 0 .5rem}.stand .bk-kop:first-child{margin-top:0}
.stand-lijst{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:0;font-size:.92rem}
.stand-lijst dt{color:var(--dim)}.stand-lijst dd{margin:0;text-align:right}
.stand-update{background:var(--kaart);border:1px solid var(--rand);border-radius:12px;padding:.8rem 1rem;margin:0;font-size:.92rem}
.legende{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:1.6rem 0 2rem;font-size:.85rem;color:var(--dim)}

/* Vragen aan Nele (v0.3.0): één rij per vraag met nummer, vraag, stand en antwoordvak */
.pil-donker{background:var(--inkt);border-color:var(--inkt);color:#fff}
.paginakop-nele{margin-top:.2rem}
.ng-lijst{list-style:none;padding:0;margin:1rem 0}
.ng-vraag{display:grid;gap:.6rem 1.2rem;grid-template-columns:minmax(0,1fr);align-items:center;background:var(--kaart);border:1px solid var(--rand);
border-radius:14px;padding:1rem 1.2rem;margin:0 0 .75rem}
@media (min-width:860px){.ng-vraag{grid-template-columns:5.5rem minmax(0,1fr) 8rem minmax(14rem,19rem)}}
.ng-nr{font-weight:700;color:var(--dim)}
.ng-tekst b{display:block;font-size:1.05rem;line-height:1.35}.ng-tekst span{display:block;color:var(--dim);font-size:.9rem;margin-top:.15rem}
.ng-stand{font-size:.9rem;color:var(--oranje);white-space:nowrap}
.ng-af .ng-stand{color:var(--groen)}.ng-af .ng-stand .punt{background:var(--groen)}
.ng-antw{margin:0;font:400 .8rem var(--sans);color:var(--dim)}
.ng-antw textarea{display:block;width:100%;margin-top:.25rem;resize:vertical;color:var(--tekst)}
#detail.plek:empty{min-height:0} /* /cases zonder ?n=: geen leeg scherm boven de lijst */

/* Brug-cases (v0.5.0): compacte filterbalk en lijst */
.fb{display:grid;gap:.35rem;margin:1rem 0 .6rem;padding:.7rem .8rem;background:var(--kaart);border:1px solid var(--rand);border-radius:12px}
.fb-rij{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}
.fb-lab{flex:0 0 4.2rem;margin:0;font:700 .68rem/1.4 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--dim)}
.fb-chip{min-height:28px;padding:.1rem .6rem;border-radius:999px;border:1px solid var(--rand-accent);background:transparent;color:var(--tab);font:600 .78rem var(--sans);cursor:pointer}
.fb-chip b{font:700 .72rem var(--mono);color:var(--dim);margin-left:.15rem}
.fb-chip:hover{border-color:var(--rand-hover);color:var(--tekst)}
.fb-chip[aria-pressed=true]{background:var(--merk1);border-color:var(--merk1);color:#fff}.fb-chip[aria-pressed=true] b{color:#fff}
.fb input{flex:1 1 12rem;min-height:30px;padding:.2rem .6rem;font-size:.85rem}
.bc-lijst{list-style:none;padding:0;margin:.5rem 0 1rem}
.bc{border:1px solid var(--rand);border-left:3px solid var(--geel);border-radius:10px;background:var(--kaart);margin:0 0 .4rem}
.bc-leeft{border-left-color:var(--groen)}
.bc summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:2.6rem 4.6rem minmax(0,1fr);gap:.5rem;align-items:baseline;padding:.45rem .7rem}
.bc summary::-webkit-details-marker{display:none}
.bc summary:hover{background:var(--kaart-hover);border-radius:10px}
.bc-n{font:700 .8rem var(--mono);color:var(--dim)}
.bc-st{font:700 .66rem var(--mono);color:var(--geel)}.bc-leeft .bc-st{color:var(--groen)}
.bc-t b{display:block;font-size:.92rem;line-height:1.35}.bc-t small{display:block;color:var(--dim);font-size:.8rem;line-height:1.35}
.bc-d{padding:0 .8rem .6rem 3.8rem;font-size:.9rem}.bc-d p{margin:.3rem 0}
@media (max-width:600px){.bc summary{grid-template-columns:2.2rem minmax(0,1fr)}.bc-st{display:none}.bc-d{padding-left:.8rem}.fb-lab{flex-basis:100%}}
/* Bron-check (v0.6.0): één kaart per case, kleur = oordeel */
.bk{background:var(--kaart);border:1px solid var(--rand);border-left:4px solid var(--rand-accent);border-radius:var(--r);padding:.9rem 1rem;margin:0 0 1rem}
.bk-groen{border-left-color:var(--groen)}.bk-oranje{border-left-color:var(--oranje)}.bk-rood{border-left-color:var(--rood)}
.bk>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.1rem .7rem;align-items:baseline}.bk>summary::-webkit-details-marker{display:none}
.bk-her{grid-column:2;margin:.1rem 0 0}.bk:not([open])>summary .bk-oordeel{margin:0}.bk-body{margin-top:.2rem}
.bk h2{margin:0;font-size:1.1rem;line-height:1.3}.bk-id{font:700 .8rem var(--mono);color:var(--dim)}
.bk-oordeel{grid-column:2;margin:.15rem 0 0;font-size:.9rem}.bk-groen .bk-oordeel b{color:var(--groen)}.bk-oranje .bk-oordeel b{color:var(--oranje)}.bk-rood .bk-oordeel b{color:var(--rood)}
.bk-probleem{margin:.6rem 0 0;color:var(--dim);font-size:.9rem}
.bk-vragen{list-style:none;padding:0;margin:.7rem 0}.bk-vragen li{border-top:1px solid var(--rand);padding:.5rem 0}.bk-vragen p{margin:.15rem 0;font-size:.92rem}
.bk-antw{display:inline-block;padding:0 .5rem;border-radius:999px;border:1px solid var(--rand-accent);font:700 .72rem var(--mono);text-transform:uppercase}
.bk-ja{color:var(--groen)}.bk-nee{color:var(--rood)}.bk-onbekend{color:var(--dim)}
.bk-bronnen{font-size:.85rem;overflow-wrap:anywhere}
.bk-bed{font:700 .72rem var(--mono);text-transform:uppercase}.bk-bed-nu{color:var(--groen)}.bk-bed-mits{color:var(--oranje)}.bk-bed-niet{color:var(--dim)}.bk-eid-ja{color:var(--oranje)}.bk-eid-nee,.bk-eid-onbekend{color:var(--dim)}

/* V4 (22-10-2026): nieuw sinds 22-10 in het rood, het oude blijft blauw. */
#menu a.nieuw{color:#f87171}
#menu a.nieuw:hover{color:#fca5a5}
#menu a.nieuw[aria-current=page]{background:#ef4444;color:#fff}
.nieuw-label{margin-left:auto;padding:.05rem .4rem;border:1px solid #ef4444;border-radius:999px;font-style:normal;font-size:.62rem;letter-spacing:.04em;text-transform:uppercase;color:#ef4444;white-space:nowrap}
#menu a.nieuw[aria-current=page] .nieuw-label{border-color:#fff;color:#fff}
html[data-thema=licht] #menu a.nieuw{color:#b91c1c}
.kop-chip.kop-keybox2{background:#ef4444;color:#fff;border-color:#ef4444}
.kop-chip.kop-keybox2:hover{background:#dc2626}
/* V4 (22-10-2026, Franky): op /sinds-2210 staat alles wat erbij kwam, de beslissingen en de volgorde in het rood;
   "hoe het was" blijft in de gewone kleur. Ook de Nele-laag 6b en /banken: rood = nieuw sinds 22-10. */
main[data-md="sinds-2210"] #wat-erbij-kwam-op-22-10-2026,main[data-md="sinds-2210"] #beslissingen-van-22-10,main[data-md="sinds-2210"] #nog-te-doen-volgorde,
main[data-md="sinds-2210"] #wat-erbij-kwam-op-22-10-2026 *,main[data-md="sinds-2210"] #beslissingen-van-22-10 *,main[data-md="sinds-2210"] #nog-te-doen-volgorde *,
main[data-md="nele-vragen"] #laag-6b-banken-en-agent-controle-a-toegevoegd-22-10-2026-in-,main[data-md="nele-vragen"] #laag-6b-banken-en-agent-controle-a-toegevoegd-22-10-2026-in- *,
main[data-md="banken"] #doc,main[data-md="banken"] #doc *,main[data-md="nele-v4"] #doc,main[data-md="nele-v4"] #doc *,main[data-md="usp-bank"] #doc,main[data-md="usp-bank"] #doc *{color:#f87171}
main[data-md="sinds-2210"] #wat-erbij-kwam-op-22-10-2026,main[data-md="sinds-2210"] #beslissingen-van-22-10,main[data-md="sinds-2210"] #nog-te-doen-volgorde,
main[data-md="nele-vragen"] #laag-6b-banken-en-agent-controle-a-toegevoegd-22-10-2026-in-,main[data-md="banken"] #doc,main[data-md="nele-v4"] #doc,main[data-md="usp-bank"] #doc{border-color:#ef4444}
html[data-thema=licht] main[data-md="sinds-2210"] #wat-erbij-kwam-op-22-10-2026 *,html[data-thema=licht] main[data-md="sinds-2210"] #beslissingen-van-22-10 *,html[data-thema=licht] main[data-md="sinds-2210"] #nog-te-doen-volgorde *,
html[data-thema=licht] main[data-md="nele-vragen"] #laag-6b-banken-en-agent-controle-a-toegevoegd-22-10-2026-in- *,html[data-thema=licht] main[data-md="banken"] #doc *,html[data-thema=licht] main[data-md="nele-v4"] #doc *,html[data-thema=licht] main[data-md="usp-bank"] #doc *{color:#b91c1c}