/* Aanvullingen voor de juridische pagina's (privacy, cookies, disclaimer).
   De opbouw hergebruikt de klassen uit site.css (phero-dark, split-aside, prose, toc). */

/* Kopjes waar de inhoudsopgave naar springt niet onder de vaste kopbalk laten vallen */
.juridisch .prose [id]{scroll-margin-top:140px}

/* Bedrijfsgegevens: rustige lijst zonder rode streepjes */
.juridisch .prose ul.gegevens{gap:6px}
.juridisch .prose ul.gegevens li{padding-left:0}
.juridisch .prose ul.gegevens li::before{content:none}

/* Lange woorden (bijv. in e-mailadressen) laten afbreken op smalle schermen */
.juridisch .prose{overflow-wrap:anywhere}

/* 404-pagina: de vier keuzekaarten op een telefoon compact in twee kolommen */
@media (max-width:640px){
  .nf-kaarten{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .nf-kaarten .card-b{padding:18px 16px;gap:8px}
  .nf-kaarten .card-ico{width:44px;height:44px}
  .nf-kaarten .card-ico svg{width:22px;height:22px}
  .nf-kaarten .card-b>p{display:none}
  .nf-kaarten .go{font-size:15px}
}