/* site/pagina.css — opmaak van de tekstpagina's van de site (WP-002-03 WT-03): koppen, lijsten,
   tabellen, de stappen van de werkwijze en het verborgen formulierveld. Alleen tokens uit
   huisstijl/tokens.css; geen losse kleuren. */

.tekstpagina { padding: var(--ruimte-7) 0; max-width: var(--maat-tekst); }
.tekstpagina h1 { margin: 0 0 var(--ruimte-4); }
.tekstpagina h2 { margin: var(--ruimte-7) 0 var(--ruimte-3); }
.tekstpagina h3 { margin: var(--ruimte-5) 0 var(--ruimte-2); }
.tekstpagina p { margin: 0 0 var(--ruimte-3); }
.tekstpagina ul, .tekstpagina ol { margin: 0 0 var(--ruimte-4); padding-left: var(--ruimte-5); }
.tekstpagina li { margin-bottom: var(--ruimte-1); }
.tekstpagina a { color: var(--kleur-accent-tekst); }
.tekstpagina .noot { color: var(--kleur-inkt-gedempt); font-size: var(--tekst-s); }

.tabel { width: 100%; border-collapse: collapse; margin: 0 0 var(--ruimte-4); font-size: var(--tekst-s); }
.tabel th, .tabel td { text-align: left; padding: var(--ruimte-2) var(--ruimte-3); border-bottom: 1px solid var(--kleur-rand); }
.tabel th { font-weight: var(--gewicht-halfvet); color: var(--kleur-inkt); }
.tabel td { color: var(--kleur-inkt); }

.stappen { list-style: none; counter-reset: stap; padding-left: 0; }
.stappen li { counter-increment: stap; position: relative; padding-left: var(--ruimte-7); margin-bottom: var(--ruimte-4); }
.stappen li::before {
  content: counter(stap);
  position: absolute; left: 0; top: 0;
  font-family: var(--letter-display);
  font-weight: var(--gewicht-vet);
  color: var(--kleur-accent-tekst);
}

.pakketblok { margin-bottom: var(--ruimte-6); }

.honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Alleen voor schermlezers (kop van de formaatschakelaar). */
.visueel-verborgen { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }