/* juridisch.css - privacyverklaring, algemene voorwaarden, verwerkersovereenkomst.
   Lange lopende tekst: rustige regelbreedte, duidelijke nummering, tabellen die op een telefoon
   horizontaal scrollen binnen hun eigen vak in plaats van de pagina breder te maken. */
.juridisch{font-size:1rem;line-height:1.7;color:var(--inkt);}
.juridisch h2{font-size:clamp(1.25rem,1rem + .8vw,1.6rem);margin:2.4em 0 .6em;scroll-margin-top:calc(var(--nav-h) + 16px);}
.juridisch h3{font-size:1.08rem;margin:1.6em 0 .4em;}
.juridisch p{margin:0 0 1em;max-width:70ch;}
.juridisch ol,.juridisch ul{margin:0 0 1.2em;padding-left:1.4em;max-width:70ch;}
.juridisch li{margin-bottom:.55em;}
.juridisch a{color:#0D789B;text-decoration:underline;text-underline-offset:2px;}
.juridisch a:hover{color:var(--inkt);}
.juridisch em{font-style:normal;font-weight:600;color:var(--inkt-70);}
.juridisch-versie{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--inkt-70);text-transform:uppercase;}
.juridisch-inhoud{background:var(--surface);border:1px solid var(--lijn);border-radius:var(--radius);padding:20px 24px 8px;margin:18px 0 8px;box-shadow:var(--schaduw-s);}
.juridisch-inhoud ul{margin-bottom:.8em;}
.juridisch-tabel{overflow-x:auto;margin:0 0 1.4em;border:1px solid var(--lijn);border-radius:var(--radius-s);background:var(--surface);}
.juridisch-tabel:focus-visible{outline:2px solid #0D789B;outline-offset:2px;}
.juridisch table{width:100%;border-collapse:collapse;font-size:.93rem;line-height:1.5;min-width:520px;}
.juridisch th,.juridisch td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--lijn-zacht);}
.juridisch th{font-family:var(--font-kop);font-weight:600;background:var(--bg-ijs);}
.juridisch tr:last-child td{border-bottom:0;}
.juridisch td:first-child{font-weight:600;white-space:nowrap;}
/* Op een telefoon: elke rij als een blokje onder elkaar, zodat er niets zijwaarts hoeft te scrollen. */
@media(max-width:600px){
  .juridisch table{min-width:0;}
  .juridisch thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  .juridisch table,.juridisch tbody,.juridisch tr,.juridisch td{display:block;width:100%;}
  .juridisch tr{padding:10px 0;border-bottom:1px solid var(--lijn-zacht);}
  .juridisch tr:last-child{border-bottom:0;}
  .juridisch td{border-bottom:0;padding:2px 14px;}
  .juridisch td:first-child{white-space:normal;}
}