: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}@media (prefers-color-scheme:dark){:root{--surface:#0f1714;--raised:#18221e;--sunken:#0a110e;--ink:#eef1ec;--muted:#a3b0a9;--line:#2a3631;--line-strong:#62716a;--brand:#4cc38a;--brand-strong:#6fd6a4;--on-brand:#0f1714;--tint:#1c3a2c;--danger:#f2867e;--focus:#f2c230;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{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)}.kop{border-bottom:1px solid var(--line);background:var(--raised);flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.merk{font-family:var(--f-display);color:var(--ink);margin-right:auto;font-size:20px;font-weight:700;text-decoration:none}.kop nav{flex-wrap:wrap;align-items:center;gap:14px;font-size:15px;display:flex}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}.merk .g{color:var(--brand)}.groen{color:var(--brand);font-weight:600}.rood{color:var(--danger);font-weight:600}.bezig{color:var(--muted);font-weight:600}.kopregel{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.kopie{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kopie code{background:var(--sunken);border:1px solid var(--line);word-break:break-all;border-radius:6px;padding:6px 10px}td form{display:inline}td .acties{flex-wrap:wrap;gap:8px;display:flex}.smal{flex-direction:column;gap:16px;max-width:480px;margin:48px auto;display:flex}.melding{border:1px solid var(--line);border-left:4px solid var(--brand);background:var(--raised);border-radius:8px;padding:10px 14px}.melding.fout{border-left-color:var(--danger)}
