

.privacy-inhoud>p{max-width:none}
.privacy-inhoud h3{margin:var(--sp-5) 0 .6rem;font-size:1.2rem;line-height:1.25}
.privacy-inhoud h2+h3{margin-top:var(--sp-4)}
.privacy-inhoud code{font:500 .86em/1 var(--font-sans);background:var(--kleur-gebroken-wit);padding:.15em .4em;overflow-wrap:anywhere}
.privacy-inhoud strong{font-weight:700;color:var(--kleur-inkt)}
.privacy-inhoud a:not(.link):not(.knop){text-decoration:underline;text-underline-offset:.2em}

.privacy-gegevens{margin:0 0 var(--sp-3);border-top:1px solid var(--kleur-lijn)}
.privacy-gegevens>div{display:grid;grid-template-columns:11rem 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--kleur-lijn)}
.privacy-gegevens dt{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--kleur-inkt-2);padding-top:.15em}
.privacy-gegevens dd{margin:0}

.privacy-tabel{margin:var(--sp-3) 0 var(--sp-3);overflow-x:auto;background:var(--kleur-wit);border:1px solid var(--kleur-lijn)}
.privacy-tabel:focus-visible{outline:2px solid var(--kleur-cta-terracotta);outline-offset:2px}
.privacy-tabel table{width:100%;min-width:34rem;border-collapse:collapse;font-size:.92rem;line-height:1.5}
.privacy-tabel caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.privacy-tabel th,.privacy-tabel td{text-align:left;vertical-align:top;padding:.85rem 1rem;border-bottom:1px solid var(--kleur-lijn)}
.privacy-tabel tbody tr:last-child td{border-bottom:0}
.privacy-tabel th{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kleur-inkt-2);background:var(--kleur-gebroken-wit)}
.privacy-tabel td{color:var(--kleur-inkt-2)}
.privacy-tabel td:first-child{white-space:nowrap}

@media (max-width:640px){
  .privacy-gegevens>div{grid-template-columns:1fr;gap:.15rem}
  
  .privacy-tabel table{min-width:0}
  .privacy-tabel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .privacy-tabel tr{display:block;padding:.85rem 1rem;border-bottom:1px solid var(--kleur-lijn)}
  .privacy-tabel tbody tr:last-child{border-bottom:0}
  .privacy-tabel td{display:block;padding:.2rem 0;border:0}
  .privacy-tabel td[data-label]::before{content:attr(data-label);display:block;margin-top:.35rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kleur-inkt-2)}
}
