:root{--surface:#f6f4ee;--raised:#fff;--sunken:#ece9e0;--ink:#12201b;--muted:#56625c;--line:#d9d5ca;--line-strong:#7d8a83;--brand:#1f7a4d;--brand-strong:#17603c;--on-brand:#fff;--tint:#dcefe3;--accent:#f2c230;--on-accent:#12201b;--danger:#b3261e;--focus:#17603c;--f-display:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--f-sans:"IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;--f-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--surface);color:var(--ink);font:16px/1.6 var(--f-sans);margin:0}h1,h2,h3{font-family:var(--f-display);margin:0;line-height:1.15}h1{font-size:30px}h2{font-size:20px}a{color:var(--brand)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.proef{background:var(--accent);color:var(--on-accent);padding:6px 16px;font-size:14px}.proef code{font-family:var(--f-mono)}.merk{font-family:var(--f-display);color:var(--ink);font-size:20px;font-weight:700;text-decoration:none}main{flex-direction:column;gap:20px;max-width:1120px;margin:0 auto;padding:24px 16px 64px;display:flex}.label{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.tabel{border:1px solid var(--line);background:var(--raised);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}th{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--sunken);font-size:12px}tr:last-child td{border-bottom:0}details{border:1px solid var(--line);background:var(--raised);border-radius:12px}summary{cursor:pointer;padding:12px 16px;font-weight:600}details>.in{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}form.rij{flex-wrap:wrap;align-items:end;gap:8px;display:flex}form.stapel{flex-direction:column;gap:10px;max-width:420px;display:flex}label{flex-direction:column;gap:4px;font-size:14px;display:flex}input,select,textarea{font:inherit;border:1px solid var(--line-strong);background:var(--raised);color:var(--ink);border-radius:8px;padding:8px 10px}textarea{min-height:90px}button,.knop{font:600 14px var(--f-sans);border:1px solid var(--brand);background:var(--brand);color:var(--on-brand);cursor:pointer;border-radius:8px;padding:9px 14px;text-decoration:none;display:inline-block}button:hover,.knop:hover{background:var(--brand-strong)}button.licht,.knop.licht{color:var(--ink);border-color:var(--line-strong);background:0 0}button.gevaar{color:var(--danger);border-color:var(--danger);background:0 0}.fout{color:var(--danger);font-weight:600}.stil{color:var(--muted);font-size:14px}code,pre{font-family:var(--f-mono);font-size:14px}.schil{background:linear-gradient(to right, var(--raised) 219px, var(--line) 219px, var(--line) 220px, var(--surface) 220px);grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.zijbalk{background:var(--raised);flex-direction:column;gap:16px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.zijbalk .merk{padding:0 8px}.zijbalk .menuknop{display:none}.zijbalk nav{flex-direction:column;flex:1;gap:2px;display:flex}.zijbalk nav a{color:var(--ink);border-radius:8px;padding:8px 10px;font-size:15px;text-decoration:none}.zijbalk nav a:hover{background:var(--sunken)}.zijbalk nav a[aria-current=page]{background:var(--tint);font-weight:600}.zijbalk .wie{color:var(--muted);border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:auto;padding:8px;font-size:14px;display:flex}.schil>main{width:100%;max-width:1120px;margin:0}@media (max-width:800px){.schil{background:var(--surface);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.zijbalk{border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:8px;height:auto;padding:10px 16px;position:static}.zijbalk .merk{margin-right:auto;padding:0}.zijbalk .menuknop{display:inline-block}.zijbalk nav,.zijbalk .wie{flex:0 0 100%;display:none}.zijbalk.open nav,.zijbalk.open .wie{display:flex}.zijbalk .wie{padding:10px 0 2px}}