/* juridisch.css — gedeelde, rustige leesstijl voor de juridische pagina's (theme-aware). */
:root{ --bg:#FAFBF3; --card:#FFFFFF; --ink:#1B2333; --muted:#5B6473; --line:#E9E9E1; --accent:#7C5CFF; }
@media (prefers-color-scheme:dark){ :root{ --bg:#0F1626; --card:#151d31; --ink:#EAEEF7; --muted:#9AA6BC; --line:#26314C; --accent:#9B85FF; } }
:root[data-theme="light"]{ --bg:#FAFBF3; --card:#FFFFFF; --ink:#1B2333; --muted:#5B6473; --line:#E9E9E1; --accent:#7C5CFF; }
:root[data-theme="dark"]{ --bg:#0F1626; --card:#151d31; --ink:#EAEEF7; --muted:#9AA6BC; --line:#26314C; --accent:#9B85FF; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--ink); line-height:1.6;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
.wrap{ max-width:760px; margin:0 auto; padding:32px 22px 72px; }
.topbar{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:28px; }
.topbar a.home{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:var(--ink); font-weight:800; }
.topbar img{ height:98px; width:auto; }
.topbar .terug{ color:var(--muted); text-decoration:none; font-size:.92rem; }
.topbar .terug:hover{ color:var(--accent); }
h1{ font-size:1.7rem; margin:.2rem 0 .3rem; letter-spacing:-.01em; }
.updated{ color:var(--muted); font-size:.85rem; margin-bottom:22px; }
h2{ font-size:1.12rem; margin:26px 0 8px; }
h3{ font-size:1rem; margin:18px 0 6px; }
p, li{ color:var(--ink); }
.muted, .kleiner{ color:var(--muted); font-size:.9rem; }
a{ color:var(--accent); }
ul{ padding-left:1.2rem; } li{ margin:4px 0; }
.kader{ background:var(--card); border:1px solid var(--line); border-radius:14px; padding:14px 16px; margin:16px 0; }
.let-op{ border-left:4px solid var(--accent); }
hr{ border:none; border-top:1px solid var(--line); margin:26px 0; }
.footer-links{ margin-top:40px; padding-top:16px; border-top:1px solid var(--line); font-size:.9rem; }
.footer-links a{ margin-right:14px; }
.tablewrap{ overflow-x:auto; margin:10px 0; -webkit-overflow-scrolling:touch; }
table{ width:100%; min-width:480px; border-collapse:collapse; font-size:.92rem; }
th, td{ text-align:left; padding:8px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th{ color:var(--muted); font-weight:700; }
/* 31-08-2026-fix (design-audit): op mobiel (390px) is de tabel bij privacy.html §2 breder dan het
   scherm — .tablewrap's overflow-x:auto maakt hem terecht scrollbaar en géén content gaat verloren,
   maar zonder enige aanwijzing dat er meer staat oogde het als afgekapt. Eerste kolom nu sticky zodat
   je altijd weet welke rij je leest terwijl je naar rechts scrolt naar "Wat"/"Waarom". */
th:first-child, td:first-child{ position:sticky; left:0; background:var(--bg); }
code.ph{ background:var(--line); padding:1px 6px; border-radius:6px; font-size:.9em; }