/* privacy.css: leesbare tekstkolom voor /privacy/. Tokens uit site.css.
   De concept-banner en de [ ]-markering horen bij de status van dit document
   (nog niet door een jurist goedgekeurd) en blijven tot de placeholders weg zijn. */

.leestekst { max-width: 760px; }
.leestekst > * + * { margin-top: var(--sp-md); }
.leestekst p { max-width: 68ch; }
.leestekst h2 {
  font-size: clamp(1.35rem, 1.15rem + .7vw, 1.75rem); letter-spacing: -.025em; line-height: 1.15;
  margin-top: clamp(40px, 5vw, 64px); padding-top: var(--sp-lg); border-top: 1px solid var(--rule-2);
}
.leestekst .concept-banner + h2 { margin-top: var(--sp-xl); border-top: 0; padding-top: 0; }
.leestekst .tabel-wrap { margin-top: var(--sp-lg); }
.leestekst td { font-size: .95rem; }
.leestekst td:first-child { font-weight: 600; min-width: 11rem; }
.leestekst .hero__actions { margin-top: var(--sp-xl); }
.leestekst__datum { font: 400 .85rem/1.5 var(--mono); color: var(--muted); margin-top: var(--sp-xl) !important; }

/* Nog in te vullen tekst: zichtbaar als open plek, niet als gewone zin */
.open-invul { font-family: var(--mono); font-size: .9rem; color: var(--oranje-tekst); background: rgba(255, 186, 9, .14); padding: .1rem .35rem; border-radius: 3px; }
p.open-invul { display: inline-block; }
.concept-banner p { margin: 0; }

/* Smalle schermen: de kolom mag niet breder worden dan het scherm door één lang woord in de kop */
@media (max-width: 900px) { .page-hero .hero__grid { grid-template-columns: minmax(0, 1fr); } }
.page-hero h1 { overflow-wrap: break-word; hyphens: auto; }

/* Tabellen op telefoon: elke rij als blok, kolomnaam boven de waarde */
@media (max-width: 600px) {
  .leestekst table, .leestekst tbody, .leestekst tr, .leestekst td { display: block; width: 100%; }
  .leestekst thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .leestekst tr { border-bottom: 1px solid var(--rule); padding: .4rem 0; }
  .leestekst tbody tr:last-child { border-bottom: 0; }
  .leestekst td { border: 0; padding: .35rem 1rem; min-width: 0; }
  .leestekst td[data-kop]::before { content: attr(data-kop); display: block; font: 500 .7rem/1.4 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: .15rem; }
}
.leestekst .tel-nr, .uitslag .tel-nr { white-space: nowrap; }