/* Datapagina's: alleen eigen klassen; platform.css blijft ongemoeid. Live stand: geen mobiele
   tabelblokken en geen kruimelpad in platform.css, daarom hier volledig. */
.datatabel table{border-collapse:collapse;width:100%;font-size:15px}
.datatabel th,.datatabel td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--lijn)}
.datatabel thead th{background:var(--vlak);font-weight:600;white-space:nowrap}
.datatabel td.lang{min-width:18rem}
.datatabel td[data-waarde]{font-variant-numeric:tabular-nums}
.datatabel .sorteerknop{font:inherit;font-weight:600;color:var(--tekst);background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-align:left}
.datatabel .sorteerknop::after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--bijtekst);opacity:.45}
.datatabel th[aria-sort="ascending"] .sorteerknop::after{border-top:0;border-bottom:6px solid var(--tekst);opacity:1}
.datatabel th[aria-sort="descending"] .sorteerknop::after{opacity:1;border-top-color:var(--tekst)}
.datatabel .sorteerknop:focus-visible,.tabelfilter select:focus-visible,.rekenhulp select:focus-visible,.rekenhulp input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.datatabel .peildatum{display:block;color:var(--bijtekst);font-size:13px}
.datatabel .voetmerk,.voetnoot .voetmerk{color:var(--bijtekst)}
.tabelfilter{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:1rem 0 .5rem}
.tabelfilter label{font-weight:600}
.tabelfilter select,.rekenhulp select,.rekenhulp input[type=number],.rekenhulp input[type=date]{font:inherit;font-size:1rem;padding:.65rem .8rem;border:1.5px solid var(--lijn);border-radius:var(--r);background:#fff;color:var(--tekst);min-width:0;max-width:100%}
.voetnoot{color:var(--bijtekst);font-size:14px}
.feitbronnen{list-style:none;padding:0;margin:.25rem 0 1rem;display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px;color:var(--bijtekst)}
.feitbronnen .peildatum{color:var(--bijtekst)}
.feitbronnen li{min-width:0;max-width:100%}
.feitbronnen a{overflow-wrap:anywhere;word-break:break-word}
.tabelverwijzing{margin-top:0}
.datapagina-links{padding-left:1.2rem}
.datapagina-links li{margin:.35rem 0}
.datapagina-verwijzing ul{padding-left:1.2rem}
.datapagina-contact{display:grid;gap:8px;margin:1rem 0}
.datapagina-contact div{display:grid;grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:12px}
.datapagina-contact dt{font-weight:600}
.datapagina-contact dd{margin:0;overflow-wrap:break-word}
.rekenhulp{display:grid;gap:16px;padding:20px;border:1px solid var(--lijn);border-radius:var(--r);background:var(--vlak);margin:1rem 0}
.rekenhulp fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.rekenhulp legend{font-weight:600;margin-bottom:6px;width:100%}
.rekenhulp fieldset label{display:inline-flex;align-items:center;gap:8px}
.rekenhulp .veld{flex:none}
.rekenhulp .veld select,.rekenhulp .veld input{width:100%}
.rekenhulp select[disabled]{opacity:.55}
.rekenuitkomst{display:block;font-size:1.05rem}
.rekenuitkomst:empty{display:none}
.rekenuitkomst strong{display:block;font-size:1.35rem;margin-bottom:4px}
.rekenuitkomst ul{margin:.25rem 0 0;padding-left:1.2rem}
@media(max-width:599px){
 .datapagina .datatabel td.lang{display:block;min-width:0}
 .datapagina .datatabel td.lang::before{display:block;margin-bottom:6px}
 .datapagina .datatabel th,.datapagina .datatabel td{border-bottom:0}
 .datapagina .datatabel tbody tr[hidden]{display:none}
 .datapagina-contact div{grid-template-columns:minmax(0,1fr)}
 .rekenhulp{padding:16px}
}
.datatabel tbody tr[hidden]{display:none}
/* Ronde 2 na vormgever (21-10): brede tabelpagina's, vaste kop, rechts uitgelijnde getallen. */
.datapagina[data-datapagina="datatabel"] .kolommen{display:block}
.datapagina[data-datapagina="datatabel"] .zijbalk{display:none!important}
.datapagina[data-datapagina="datatabel"] .artikel{max-width:none}
@media(min-width:600px){
 .datapagina .datatabel{overflow:visible}
 .datatabel thead th{white-space:normal;position:sticky;top:0;z-index:1;vertical-align:bottom}
 .datatabel td.lang{min-width:0;width:40%}
 .datatabel td[data-waarde]:not(.regels){text-align:right}
 .datatabel th[data-sorteer="getal"]{text-align:right}
}
.datatabel td:not(.naam):has(.voetmerk){white-space:nowrap}
.tabelfilter-veld{display:flex;flex-direction:column;gap:4px;min-width:0}
.tabelfilter input[type=search]{font:inherit;font-size:1rem;padding:.65rem .8rem;border:2px solid #70758b;border-radius:var(--r);background:#fff;color:var(--tekst);min-height:56px;width:100%;max-width:22rem}
.tabelfilter select,.rekenhulp select,.rekenhulp input[type=number],.rekenhulp input[type=date]{border:2px solid #70758b;min-height:56px;max-width:22rem}
.rekenhulp input[type=radio]{accent-color:var(--primair);width:20px;height:20px}
.rekenhulp fieldset label{min-height:44px}
.tabeltelling{margin:0;width:100%;color:var(--bijtekst)}
.toon-alle{font:inherit;font-weight:600;margin:.5rem 0 1rem;padding:.75rem 1.1rem;min-height:48px;border:2px solid var(--primair);border-radius:var(--r);background:#fff;color:var(--primair);cursor:pointer}
.veldhint{color:var(--bijtekst);font-size:14px}
.rekenfout{color:#9f1239;font-weight:600}
.rekenuitkomst li.voorbij{color:var(--bijtekst)}
.feitenlijst{padding-left:1.2rem;margin:.5rem 0}
.feitenlijst li{margin:.5rem 0}
.feitbronnen li{min-height:24px;display:flex;align-items:center;gap:6px}
.feitbronnen{gap:6px 16px}
.heldkop{margin:.75rem 0 .25rem}
@media(max-width:599px){
 .datapagina .datatabel td.meta{display:none}
 .datapagina .datatabel td.regels:empty{display:none}
 .datapagina .datatabel tbody tr{margin-bottom:8px}
 .datapagina .datatabel td{padding:8px 12px}
 /* Maandtabel: tabelvorm houden, zijwaarts schuiven met vaste eerste kolom. */
 .datapagina .datatabel[data-mobiel="schuif"]{overflow-x:auto;border:1px solid var(--lijn);border-radius:12px;background:#fff}
 .datapagina .datatabel[data-mobiel="schuif"] table{display:table;width:auto}
 .datapagina .datatabel[data-mobiel="schuif"] thead{position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:table-header-group}
 .datapagina .datatabel[data-mobiel="schuif"] tbody{display:table-row-group}
 .datapagina .datatabel[data-mobiel="schuif"] tbody tr{display:table-row;border:0;margin:0;border-radius:0}
 .datapagina .datatabel[data-mobiel="schuif"] td,.datapagina .datatabel[data-mobiel="schuif"] tbody th{display:table-cell;width:auto;padding:8px 10px;border-bottom:1px solid var(--lijn)}
 .datapagina .datatabel[data-mobiel="schuif"] td::before{content:none}
 .datapagina .datatabel[data-mobiel="schuif"] tbody th{position:sticky;left:0;background:var(--vlak)}
}
.datatabel .sorteerknop{white-space:normal}
.datatabel td a,.datatabel th a{overflow-wrap:anywhere}
.datatabel td,.datatabel th{overflow-wrap:break-word}
@media(min-width:600px) and (max-width:1023px){
 .datatabel th.meta,.datatabel td.meta{display:none}
 .datatabel th,.datatabel td{padding:8px}
}
@media(min-width:600px) and (max-width:1023px){
 .datatabel th.prov,.datatabel td.prov{display:none}
 .datatabel table{font-size:14px}
}
/* Live stand (21-10): kruimelpad op een regel, tabellen als blokken onder 600 px. */
.datapagina .kruimels{margin:0 0 .75rem;font-size:14px;color:var(--bijtekst)}
.datapagina .kruimels ol{display:flex;flex-wrap:nowrap;gap:6px;list-style:none;margin:0;padding:0;white-space:nowrap;overflow:hidden}
.datapagina .kruimels li{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
.datapagina .kruimels li:first-child{flex-shrink:0}
.datapagina .kruimels li+li::before{content:"\203A";margin-right:6px;color:var(--bijtekst)}
.datapagina .kruimels a{color:inherit}
.datapagina[data-datapagina="datatabel"] .kolommen{grid-template-columns:minmax(0,1fr)}
.datapagina[data-datapagina="datatabel"] .zijbalk .aanvraagblok{position:static}
@media(max-width:599px){
 .datapagina .datatabel:not([data-mobiel="schuif"]){overflow:visible;border:0;background:transparent;border-radius:0}
 .datapagina .datatabel:not([data-mobiel="schuif"]) table,.datapagina .datatabel:not([data-mobiel="schuif"]) tbody{display:block;width:100%}
 .datapagina .datatabel:not([data-mobiel="schuif"]) thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .datapagina .datatabel:not([data-mobiel="schuif"]) tbody tr{display:block;border:1px solid var(--lijn);border-radius:12px;margin-bottom:8px;overflow:hidden;background:#fff}
 .datapagina .datatabel:not([data-mobiel="schuif"]) tbody th{display:block;background:var(--vlak);padding:10px 12px;font-size:16px}
 .datapagina .datatabel:not([data-mobiel="schuif"]) td{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;width:100%;min-width:0}
 .datapagina .datatabel:not([data-mobiel="schuif"]) td::before{content:attr(data-kop);font-weight:600}
 .datapagina .datatabel:not([data-mobiel="schuif"]) td>*{min-width:0}
}
.datapagina .kruimels li>*{display:block;overflow:hidden;text-overflow:ellipsis}
.datapagina-bronnen a,.datapagina-contact a,.datapagina-links a,.datapagina-verwijzing a{overflow-wrap:anywhere}
.datapagina[data-datapagina="rekenhulp"] .artikelkop{padding-bottom:.25rem}
.datapagina[data-datapagina="rekenhulp"] .artikel>h2:first-child{margin-top:.5rem}