/* Gedeelde opmaak voor voorwaarden, abonnementsvoorwaarden en verwerkersovereenkomst. */
.tekstpagina{padding:clamp(48px,8vw,88px) 0}
.tekstpagina h1{font-size:clamp(32px,5.5vw,52px); overflow-wrap:break-word; hyphens:manual}
.tekstpagina h2{font-size:clamp(21px,3vw,26px); margin-top:52px; scroll-margin-top:24px}
.tekstpagina h3{font-size:17px; margin-top:28px; letter-spacing:-0.01em}
.tekstpagina p,.tekstpagina li{color:var(--stof); font-size:17px; line-height:1.6; max-width:68ch; margin-top:14px}
.tekstpagina strong{color:var(--krijt); font-weight:600}
.tekstpagina ul,.tekstpagina ol{margin-top:8px; padding:0; list-style:none}
.tekstpagina li{padding-left:22px; position:relative; margin-top:10px}
.tekstpagina ul li::before{content:""; position:absolute; left:2px; top:12px; width:6px; height:6px;
  background:var(--hesje); border-radius:50%}
.tekstpagina ol{counter-reset:punt}
.tekstpagina ol li{counter-increment:punt; padding-left:30px}
.tekstpagina ol li::before{content:counter(punt,lower-alpha) "."; position:absolute; left:0; top:0;
  color:var(--hesje); font-weight:600}
.tekstpagina a{color:var(--hesje-licht)}
.terug{display:inline-block; margin-bottom:28px; color:var(--stof); text-decoration:none; font-weight:600}
.terug:hover{color:var(--krijt)}
.intro{color:var(--krijt) !important}

/* "Waar teken je voor": de samenvatting bovenaan */
.kort{margin-top:36px; padding:26px 28px 28px; background:var(--lood); border:1px solid var(--lijn);
  border-radius:var(--radius)}
.kort h2{margin-top:0; font-size:21px}
.kort li{color:var(--krijt)}
.kort p{margin-top:12px}

/* uitleg per artikel in gewone taal */
.uitleg{margin-top:16px; padding:14px 18px; border:1px solid var(--lijn); border-radius:var(--radius);
  background:var(--bitumen-op)}
.uitleg p{margin-top:0}
.uitleg p::before{content:"In gewone taal: "; color:var(--hesje-licht); font-weight:600}

.inhoud{margin-top:32px; columns:2 260px; column-gap:32px}
.inhoud a{display:block; padding:5px 0; color:var(--stof); text-decoration:none; font-size:17px; break-inside:avoid}
.inhoud a:hover{color:var(--krijt)}

.tabel{margin-top:18px; overflow-x:auto}
.tabel table{width:100%; border-collapse:collapse; font-size:15px; min-width:520px}
.tabel th,.tabel td{text-align:left; vertical-align:top; padding:12px 14px; border-bottom:1px solid var(--lijn); color:var(--stof)}
.tabel th{color:var(--krijt); font-family:var(--display); font-weight:700; font-size:15px; background:var(--lood)}
@media (max-width:560px){
  .tabel table{min-width:0}
  .tabel thead{display:none}
  .tabel tr,.tabel td{display:block}
  .tabel tr{padding:12px 0; border-bottom:1px solid var(--lijn)}
  .tabel td{border:0; padding:2px 0}
  .tabel td:first-child{color:var(--krijt); font-weight:600}
}

.let{margin-top:40px; padding:22px 24px; border:1px dashed var(--hesje-diep); border-radius:var(--radius)}
.let p,.let li{color:var(--krijt)}
.let p:first-child{margin-top:0}
.versie{margin-top:48px}

@media print{
  :root{--krijt:#000; --stof:#222; --hesje:#c74d09; --hesje-licht:#c74d09; --lijn:#bbb; --lood:#f3f3f3; --bitumen-op:#fff}
  body{background:#fff !important; color:#000}
  .kopbalk,footer,.terug,.inhoud,.let{display:none !important}
  .tekstpagina{padding:0}
  .tekstpagina h2{break-after:avoid}
  .uitleg,.kort,.tabel{break-inside:avoid}
}