/* BoekhoudSlim — regiopagina's (provincies, gemeenten, /regio/). BS-REGIO-20261026 (claude-bs-regio)
   Alleen eigen klassen (.rg-), bouwt op de tokens van site.css. Na wijziging: RG_CSSV in _inc/regio.php verhogen + .gz opnieuw. */

.rg-pkop .pkop__grid{align-items:center}
.rg-pkop h1{max-width:16ch}
.rg-knoppen{margin-top:26px}
.rg-landelijk{display:flex;align-items:center;gap:.45em;margin:18px 0 0;font-size:.9rem;color:var(--dim)}
.rg-landelijk .ico{color:var(--petrol)}

/* Kerncijfers-kaart */
.rg-kern{margin:0;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-l);box-shadow:var(--schaduw);padding:clamp(18px,2.4vw,28px)}
.rg-kern__kop{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.92rem;color:var(--petrol);margin-bottom:14px}
.rg-kern__kop span{display:inline-flex;align-items:center;gap:.45em}
.rg-kern__kop small{font-weight:600;font-size:.72rem;letter-spacing:.08em;color:var(--dim);border:1px solid var(--lijn);border-radius:999px;padding:2px 9px}
.rg-kern__lijst{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.rg-kern__lijst div{background:var(--paper);border:1px solid var(--lijn);border-radius:var(--r);padding:12px 14px;min-width:0}
.rg-kern__lijst dt{font-size:.8rem;color:var(--dim);line-height:1.3}
.rg-kern__lijst dd{margin:2px 0 0;font-family:var(--serif);font-size:clamp(1.55rem,1.2rem + 1.2vw,2.1rem);font-weight:560;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}
.rg-kern__lijst small{display:block;font-size:.76rem;color:var(--dim);margin-top:2px}
.rg-kern__bars{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.rg-kern__bars li{display:grid;grid-template-columns:minmax(0,9.5em) minmax(0,1fr) 3em;gap:10px;align-items:center;font-size:.84rem}
.rg-kern__lab{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rg-kern__bar{height:9px;background:var(--zand);border-radius:99px;overflow:hidden}
.rg-kern__bar i{display:block;height:100%;background:var(--petrol);border-radius:99px}
.rg-kern__bars b{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.rg-kern__noot{margin:12px 0 0;font-size:.8rem;color:var(--dim)}

/* Sectortabel */
.rg-tabelvak{overflow-x:auto;border:1px solid var(--lijn);border-radius:var(--r);background:var(--wit)}
.rg-tabelvak:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.rg-tabel{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:.95rem}

.rg-tabel caption{caption-side:bottom;text-align:left;padding:10px 16px;font-size:.8rem;color:var(--dim)}
.rg-tabel th,.rg-tabel td{padding:10px 16px;border-bottom:1px solid var(--lijn);text-align:left;vertical-align:middle}
.rg-tabel thead th{font-size:.8rem;font-weight:600;color:var(--dim);background:var(--paper)}
.rg-tabel tbody th{font-weight:500}
.rg-tabel tbody tr:last-child th,.rg-tabel tbody tr:last-child td{border-bottom:0}
.rg-tabel .rg-r{text-align:right;white-space:nowrap}
.rg-uit th{font-weight:650;color:var(--petrol)}
.rg-uit{background:linear-gradient(90deg,var(--accent-tint),transparent 70%)}
.rg-staaf{position:relative;display:inline-block;vertical-align:middle;width:min(160px,18vw);height:10px;background:var(--zand);border-radius:99px;margin-right:10px}
.rg-staaf i{position:absolute;inset:0 auto 0 0;background:var(--petrol);border-radius:99px}
.rg-staaf u{position:absolute;top:-3px;bottom:-3px;width:2px;margin-left:-1px;background:var(--accent-ink);border-radius:1px;text-decoration:none}
.rg-staaf__w{white-space:nowrap}
.rg-legenda{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:12px 0 0;font-size:.82rem;color:var(--dim)}
.rg-legenda__i{display:inline-block;width:18px;height:9px;border-radius:99px;background:var(--petrol)}
.rg-legenda__u{display:inline-block;width:2px;height:14px;background:var(--accent-ink);margin-left:8px}
@media (max-width:640px){
  .rg-tabel{font-size:.86rem}
  .rg-tabel th,.rg-tabel td{padding:9px 10px}
  .rg-tabel .rg-nl{display:none}
  .rg-staaf{width:56px;margin-right:6px}
}

/* Sectorkaarten */
.rg-adm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.rg-adm__kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-l);padding:clamp(20px,2.4vw,28px);display:flex;flex-direction:column}
.rg-adm__kaart h3{margin:.25em 0 .5em}
.rg-adm__kaart p{color:var(--dim)}
.rg-adm__getal{font-size:.85rem;color:var(--accent-ink);margin:0}
.rg-adm__getal b{font-family:var(--serif);font-size:1.25rem;color:var(--ink)}
.rg-adm__lokaal{font-size:.88rem;color:var(--ink);background:var(--paper);border-radius:var(--r-s);padding:8px 12px;margin:0 0 14px}
.rg-adm__links{list-style:none;margin:auto 0 0;padding:12px 0 0;border-top:1px solid var(--lijn);display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.9rem}
.rg-adm__links a{font-weight:600;text-decoration:none}
.rg-adm__links a:hover{text-decoration:underline}
@media (max-width:980px){.rg-adm{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.rg-adm{grid-template-columns:1fr}}

/* Zzp-blok */
.rg-zzp h3{margin-bottom:.7em}
.rg-zzp__cijfers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:22px 0 0}
.rg-zzp__cijfers div{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r);padding:12px 14px}
.rg-zzp__cijfers dt{font-size:.8rem;color:var(--dim);line-height:1.3}
.rg-zzp__cijfers dd{margin:3px 0 0;font-family:var(--serif);font-size:1.5rem;font-weight:560;font-variant-numeric:tabular-nums}
.rg-zzp__cijfers small{font-size:.76rem;color:var(--dim)}
.rg-zzp__links{margin-top:22px}

/* Werkwijze */
.rg-stappen{list-style:none;counter-reset:rg;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.rg-stappen li{counter-increment:rg;display:grid;grid-template-columns:34px 1fr;gap:2px 12px}
.rg-stappen li::before{content:counter(rg);grid-row:1/3;width:30px;height:30px;border-radius:50%;background:var(--petrol-tint);color:var(--petrol);font-weight:700;display:grid;place-items:center;font-size:.9rem}
.rg-stappen b{font-weight:650}
.rg-stappen span{color:var(--dim);font-size:.95rem}
.rg-prijzen{margin:22px 0 0;padding:14px 16px;border-left:3px solid var(--accent);background:var(--accent-tint);border-radius:0 var(--r-s) var(--r-s) 0;font-size:.92rem;color:var(--ink)}
.rg-mock{max-width:440px;justify-self:center;width:100%}
.rg-mock__noot{font-size:.8rem;color:var(--dim);margin:10px 0 0;text-align:center}
.rg-wk{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-l);padding:clamp(20px,2.4vw,30px)}

/* Rechtsvorm-balk (provincie) */
.rg-rv{margin:0;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-l);padding:clamp(20px,2.4vw,28px);align-self:center}
.rg-rv__rij{display:grid;grid-template-columns:minmax(0,8em) minmax(0,1fr);gap:12px;align-items:center;margin-bottom:12px}
.rg-rv__lab{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis}
.rg-rv__balk{display:flex;height:22px;border-radius:7px;overflow:hidden;background:var(--zand)}
.rg-rv__balk i{display:block;height:100%}
.rg-rv--emz{background:var(--petrol)}
.rg-rv--vof{background:var(--accent)}
.rg-rv--bv{background:#5E8F8C}
.rg-rv--ov{background:var(--lijn-2)}
.rg-rv figcaption{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:.84rem;color:var(--dim)}
.rg-rv figcaption span{display:inline-flex;align-items:center;gap:6px}
.rg-rv figcaption span i{display:inline-block;width:11px;height:11px;border-radius:3px}
.rg-rv figcaption small{flex-basis:100%;font-size:.76rem}

/* Oprichtingen-reeks (provincie) */
.rg-reeks{margin:0;background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-l);padding:clamp(18px,2.4vw,28px) clamp(14px,2vw,24px)}
.rg-reeks ol{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:clamp(3px,.8vw,8px);height:210px}
.rg-reeks li{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0}
.rg-reeks i{display:block;width:100%;background:var(--petrol);border-radius:5px 5px 0 0;min-height:4px}
.rg-reeks li:last-child i{background:var(--accent)}
.rg-reeks__w{font-size:.62rem;color:var(--dim);writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:4px;font-variant-numeric:tabular-nums}
.rg-reeks__j{font-size:.72rem;color:var(--dim);margin-top:6px}
.rg-reeks figcaption{font-size:.8rem;color:var(--dim);margin-top:12px}

/* Overzicht: tegelkaart + lijst */
.rg-tegels{margin:0}
.rg-tegels ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rg-tegels li{min-width:0}
.rg-tegels a{display:flex;flex-direction:column;justify-content:space-between;min-height:84px;height:100%;padding:10px 12px;border-radius:var(--r);text-decoration:none;color:#fff;
  background:color-mix(in srgb,var(--petrol) calc(55% + var(--f) * 45%),#7FA9A5);box-shadow:var(--schaduw-s);transition:transform .2s var(--uit)}
.rg-tegels a:hover{transform:translateY(-2px);color:#fff}
.rg-tegels b{font-weight:650;font-size:.92rem;line-height:1.2}
.rg-tegels small{font-size:.85rem;opacity:.92}
.rg-tegels__kort{display:none}
.rg-tegels figcaption{font-size:.8rem;color:var(--dim);margin-top:12px}
@media (max-width:520px){.rg-tegels__lang{display:none}.rg-tegels__kort{display:inline}.rg-tegels a{min-height:68px;padding:8px 10px}}
.rg-provlijst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.rg-prov{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-l);padding:20px 22px}
.rg-prov h3 a{text-decoration:none;color:var(--ink)}
.rg-prov h3 a:hover{color:var(--petrol);text-decoration:underline}
.rg-prov__cijfers{font-size:.86rem;color:var(--dim);margin:.4em 0 .8em}
.rg-prov ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.93rem}
.rg-prov ul a{font-weight:500}
@media (max-width:980px){.rg-provlijst{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.rg-provlijst{grid-template-columns:1fr}}

/* Bronnen */
.rg-bronnen{margin-top:clamp(40px,5vw,64px);padding-top:24px;border-top:1px solid var(--lijn);font-size:.88rem;color:var(--dim)}
.rg-bronnen__h{font-size:1.2rem;margin-bottom:.6em}
.rg-bronnen ul{padding-left:1.1em;margin:0 0 1em}
.rg-bronnen li{margin-bottom:.35em}
.rg-buren{margin-bottom:8px}