:root{--ink:#1c2430;--muted:#5b6673;--line:#e3e7ec;--bg:#ffffff;--soft:#f5f7fa;--accent:#0f6b5c;--accent-ink:#0b4f44;--amber:#b7791f;--maxw:760px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.65;color:var(--ink);background:var(--bg)}
a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--accent-ink)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem}.skip:focus{left:0;z-index:100}
header.site{border-bottom:1px solid var(--line);background:#fff}
.wrap{max-width:1100px;margin:0 auto;padding:0 1rem}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;flex-wrap:wrap}
.logo{font-weight:800;font-size:1.25rem;text-decoration:none;color:var(--ink);letter-spacing:-.01em}.logo span{color:var(--accent)}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:.25rem;flex-wrap:wrap}
nav.main a{display:block;padding:.5rem .7rem;border-radius:6px;text-decoration:none;color:var(--ink);font-weight:500}nav.main a:hover,nav.main a[aria-current]{background:var(--soft);color:var(--accent-ink)}
main{padding:1.5rem 0 3rem}
.crumbs{font-size:.9rem;color:var(--muted);margin:0 0 1rem}.crumbs a{color:var(--muted)}
article{max-width:var(--maxw)}
h1{font-size:2rem;line-height:1.2;margin:.2rem 0 .6rem;letter-spacing:-.01em}
h2{font-size:1.4rem;line-height:1.3;margin:2rem 0 .6rem}h3{font-size:1.1rem;margin:1.4rem 0 .4rem}
p,ul,ol{margin:0 0 1rem}li{margin:.25rem 0}
.meta{color:var(--muted);font-size:.92rem;margin-bottom:1.2rem}
.antwoord{background:var(--soft);border-left:4px solid var(--accent);padding:1rem 1.1rem;border-radius:0 8px 8px 0;font-size:1.05rem}
table{border-collapse:collapse;width:100%;margin:0 0 1.2rem;font-size:.95rem;display:block;overflow-x:auto}th,td{border:1px solid var(--line);padding:.5rem .6rem;text-align:left;vertical-align:top}th{background:var(--soft)}
code{background:var(--soft);padding:.1rem .35rem;border-radius:4px;font-size:.92em}pre{background:#0f172a;color:#e2e8f0;padding:1rem;border-radius:8px;overflow-x:auto;font-size:.9rem}pre code{background:none;padding:0;color:inherit}
section.praktijk{background:#fbf7ee;border:1px solid #efe3c8;border-radius:10px;padding:1rem 1.2rem;margin:1.6rem 0}section.praktijk h2{margin-top:.2rem}
.faq details{border-top:1px solid var(--line);padding:.6rem 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600}.faq p{margin:.6rem 0 0}
.cta{background:var(--accent);color:#fff;border-radius:10px;padding:1.2rem 1.3rem;margin:1.8rem 0}.cta h2{margin:0 0 .4rem;font-size:1.25rem;color:#fff}.cta p{margin:0 0 .8rem}.cta a.knop,.knop{display:inline-block;background:#fff;color:var(--accent-ink);font-weight:700;padding:.6rem 1rem;border-radius:8px;text-decoration:none}
.cta form{display:flex;gap:.5rem;flex-wrap:wrap}.cta input[type=email]{flex:1;min-width:220px;padding:.6rem .7rem;border:1px solid #fff;border-radius:8px;font-size:1rem}.cta button{background:#fff;color:var(--accent-ink);font-weight:700;border:0;border-radius:8px;padding:.6rem 1rem;cursor:pointer}
.disclosure{font-size:.9rem;color:var(--muted);background:var(--soft);padding:.6rem .8rem;border-radius:8px;margin:0 0 1rem}
.verwant{margin:2rem 0 0;padding-top:1rem;border-top:1px solid var(--line)}.verwant ul{padding-left:1.1rem}
.auteur{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:1rem;margin:2rem 0 0}.auteur .init{flex:0 0 56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem}.auteur p{margin:0;font-size:.95rem}
.bronnen{font-size:.9rem;color:var(--muted)}.bronnen ul{padding-left:1.1rem}
.hubgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem;margin:1rem 0 1.6rem}.hubgrid a{display:block;border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem;text-decoration:none;color:var(--ink);background:#fff}.hubgrid a:hover{border-color:var(--accent)}.hubgrid strong{display:block;margin-bottom:.2rem}.hubgrid small{color:var(--muted)}
footer.site{border-top:1px solid var(--line);background:var(--soft);padding:2rem 0;font-size:.92rem;color:var(--muted)}footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}footer ul{list-style:none;padding:0;margin:0}footer a{color:var(--muted)}
.cookie{position:fixed;left:1rem;right:1rem;bottom:1rem;background:#fff;border:1px solid var(--line);border-radius:10px;padding:.9rem 1rem;box-shadow:0 8px 30px rgba(0,0,0,.12);font-size:.92rem;z-index:50;max-width:640px;margin:0 auto}.cookie button{margin-right:.5rem;padding:.45rem .8rem;border-radius:6px;border:1px solid var(--line);background:#fff;cursor:pointer}.cookie button.ja{background:var(--accent);color:#fff;border-color:var(--accent)}
@media (max-width:640px){body{font-size:16px}h1{font-size:1.6rem}h2{font-size:1.25rem}}

.nb-melding{flex-basis:100%;margin:.4rem 0 0;font-size:.95rem;min-height:1.2em}
