/* Opmaak voor de vaste pagina's (vragen, privacy, voorwaarden, contact) */
:root{--bg:#F3F0F7;--card:rgba(255,255,255,.72);--ink:#1E2038;--muted:#5F6278;--line:rgba(30,32,56,.12);--primary:#6741D9;--accent:#C2255C;--sun:#FFE066}
@media (prefers-color-scheme: dark){:root{--bg:#12131F;--card:rgba(40,42,66,.6);--ink:#EEEFF7;--muted:#A3A6BC;--line:rgba(255,255,255,.12);--primary:#B1A0F5;--accent:#F08CB0}}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Fredoka",system-ui,sans-serif;background:var(--bg) radial-gradient(40rem 30rem at 0% 0%,color-mix(in srgb,var(--primary) 14%,transparent),transparent 70%) fixed;color:var(--ink);line-height:1.6;font-size:17px}
.w{max-width:720px;margin:0 auto;padding:18px 16px 60px}
.top{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;margin-bottom:18px}
.top svg{width:36px;height:36px;transform:rotate(-6deg)}
.top span{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:1.6rem;letter-spacing:-.04em}
nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
nav a{padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;font-weight:500;font-size:.92rem}
nav a[aria-current=page]{background:var(--primary);border-color:var(--primary);color:#fff}
article{background:var(--card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:26px;padding:26px 22px}
h1{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:2rem;line-height:1.1;letter-spacing:-.025em}
.meta{color:var(--muted);font-size:.9rem;margin-top:6px}
h2{font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.25rem;letter-spacing:-.015em;margin:28px 0 8px}
h3{font-weight:600;font-size:1.05rem;margin:18px 0 4px}
p,ul,table{margin-top:8px}
ul{padding-left:1.2em}
li{margin-top:4px}
a{color:var(--primary);font-weight:500;text-underline-offset:3px}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600}
.todo{background:var(--sun);color:#1E2038;padding:0 4px;border-radius:4px;font-weight:600}
details{border-bottom:1px solid var(--line);padding:12px 0}
details:last-of-type{border-bottom:none}
summary{cursor:pointer;font-weight:600;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:12px}
summary::after{content:"+";color:var(--primary);font-weight:700}
details[open] summary::after{content:"–"}
details p{color:var(--ink)}
.back{display:inline-block;margin-top:22px;font-weight:600}