/* Gedeelde stijl voor de informatiepagina's (gemaakt met tools/seo/maak-paginas.mjs).
   Zelfde vormgeving als de oudere losse pagina's, maar op één plek. */
body{margin:0;background:#07110f;color:#f5fbf8;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}
main{max-width:800px;margin:auto;padding:32px 20px 70px}
a{color:#54e0b0}
h1{font-size:34px;line-height:1.15;letter-spacing:-.03em;margin:6px 0 6px}
h2{margin-top:42px;font-size:23px;letter-spacing:-.02em;border-top:1px solid rgba(255,255,255,.1);padding-top:26px}
h3{margin-top:26px;font-size:18px;color:#fff}
p,li,td,th,dd{color:#c3d1cc;font-size:15.5px}
strong{color:#fff}
.lede{font-size:17.5px;color:#e4efe9;margin-top:14px}
.top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.top-row p{margin:0}
.kruimel{font-size:13px;color:#8fa39c;margin:0 0 14px}
.kruimel a{color:#8fa39c}
.badge{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.03em;padding:3px 11px;border-radius:999px;background:rgba(84,224,176,.14);color:#54e0b0;margin-bottom:8px}
.checklist{list-style:none;margin:14px 0;padding:0;display:grid;gap:10px}
.checklist li{padding-left:26px;position:relative}
.checklist li::before{content:'✓';position:absolute;left:0;color:#54e0b0;font-weight:800}
.min li::before{content:'–';color:#8fa39c}
.cta{margin-top:44px;padding:24px;border-radius:20px;background:#12211d;border:1px solid rgba(255,255,255,.1);text-align:center}
.cta a{display:inline-block;margin-top:10px;padding:12px 22px;border-radius:14px;background:#54e0b0;color:#072019;font-weight:800;text-decoration:none}
.note-box{background:rgba(248,200,107,.1);border:1px solid rgba(248,200,107,.3);border-radius:14px;padding:14px 18px;margin:18px 0;font-size:14px}
.note-box strong{color:#f8c86b}
.tabel-wrap{overflow-x:auto;margin:18px 0;border:1px solid rgba(255,255,255,.1);border-radius:14px}
table{border-collapse:collapse;width:100%;min-width:560px}
th,td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(255,255,255,.08)}
th{color:#fff;background:rgba(255,255,255,.04);font-size:13.5px}
tr:last-child td{border-bottom:0}
td:first-child{color:#fff;font-weight:600}
.ja{color:#54e0b0;font-weight:700}
.nee{color:#f0a0a0;font-weight:700}
.nvt{color:#8fa39c}
.faq dt{margin-top:22px;font-weight:700;color:#fff;font-size:16.5px}
.faq dd{margin:6px 0 0}
.bron{font-size:13px}
.bron li{font-size:13px;margin:4px 0}
.bijgewerkt{font-size:13px;color:#8fa39c;margin-top:36px}
.gerelateerd{margin-top:40px;padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.gerelateerd h2{margin:0 0 10px;border:0;padding:0;font-size:17px}
.gerelateerd ul{margin:0;padding-left:18px}
.site-links{margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:12px 20px;font-size:13px}
.site-links a{color:#8fa39c}
.analytics-consent{position:fixed;z-index:1000;left:50%;bottom:max(18px,env(safe-area-inset-bottom));width:min(760px,calc(100% - 28px));transform:translateX(-50%);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;padding:20px 22px;border:1px solid rgba(117,242,197,.24);border-radius:22px;background:rgba(12,26,22,.97);box-shadow:0 22px 70px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.analytics-consent[hidden]{display:none}
.analytics-consent-copy strong{display:block;color:#fff;font-size:16px}
.analytics-consent-copy p{max-width:520px;margin:6px 0 5px;color:#b8c7c1;font-size:12.5px;line-height:1.5}
.analytics-consent-copy a{color:#54e0b0;font-size:11.5px;text-underline-offset:3px}
.analytics-consent-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.analytics-consent-actions button{min-height:42px;padding:0 15px;border-radius:13px;border:1px solid rgba(255,255,255,.16);color:#fff;background:rgba(255,255,255,.055);font-size:12px;font-weight:800;cursor:pointer}
.analytics-consent-actions .analytics-consent-accept{color:#06100d;border-color:#54e0b0;background:#54e0b0}
.cookie-knop{background:none;border:1px solid rgba(255,255,255,.18);color:#8fa39c;border-radius:999px;padding:5px 13px;font-size:12px;cursor:pointer}
@media (max-width:700px){
  h1{font-size:28px}
  .analytics-consent{grid-template-columns:1fr;gap:14px;padding:18px}
  .analytics-consent-actions{justify-content:stretch}
  .analytics-consent-actions button{flex:1 1 145px}
}

.galerij{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}
.galerij figure{margin:0}
.galerij img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#0c1a16}
.galerij figcaption{margin-top:8px;font-size:13px;color:#8fa39c;text-align:center}
@media (max-width:640px){.galerij{grid-template-columns:repeat(2,1fr);gap:12px}}