:root{--bg:#F3EBDD;--card:#EADFCB;--text:#3B2A1E;--muted:#6B5644;--line:#D6C7AE;--accent:#5C7355;--on-accent:#F7F0E3}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#251D17;--card:#31271F;--text:#EFE4D2;--muted:#B9A78F;--line:#4A3C30;--accent:#8FA886;--on-accent:#22160E}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:18px/1.65 ui-rounded,"Nunito","Segoe UI",system-ui,sans-serif}
main{max-width:680px;margin:0 auto;padding:48px 20px 72px}
h1{font-size:2.2rem;line-height:1.2;margin:0 0 6px;letter-spacing:.01em}
h2{font-size:1.2rem;margin:2em 0 .4em}
p,li{margin:.5em 0}
.tag{color:var(--muted);font-size:1.15rem;margin:0 0 2rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 22px;margin:1.6rem 0}
a{color:var(--accent);text-underline-offset:3px}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:2rem;flex-wrap:wrap}
.top a.home{color:var(--text);font-weight:700;text-decoration:none}
.lang button{font:inherit;font-size:.95rem;color:var(--text);background:transparent;border:1px solid var(--line);border-radius:999px;padding:4px 14px;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
footer{margin-top:3rem;color:var(--muted);font-size:.95rem}
.ph{background:var(--card);border-radius:6px;padding:0 4px}
html.js [lang="nl"][data-l]{display:none}
html.js.nl [lang="en"][data-l]{display:none}
html.js.nl [lang="nl"][data-l]{display:block}