: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{letter-spacing:-.015em;font-size:44px;line-height:48px}h2{font-size:20px;line-height:28px}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);padding:0 12px;font-size:24px;font-weight:700;text-decoration:none}.merk span{color:var(--brand)}.schil{min-height:100vh;display:flex}.zij{border-right:1px solid var(--line);background:var(--raised);flex-direction:column;flex-shrink:0;gap:24px;width:240px;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.menu{flex-direction:column;gap:2px;display:flex}.menu a{color:var(--ink);border-radius:8px;padding:10px 12px;font-size:15px;text-decoration:none;display:block}.menu a:hover{background:var(--sunken)}.menu a[aria-current=page]{background:var(--tint);font-weight:600}.zij-voet{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;padding:12px;font-size:14px;display:flex}.kop{border-bottom:1px solid var(--line);background:var(--raised);padding:16px}main{flex-direction:column;flex:1;gap:24px;min-width:0;max-width:1120px;padding:48px 48px 64px;display:flex}main.smal{max-width:480px;margin:0 auto;padding:48px 16px 64px}@media (max-width:760px){.schil{flex-direction:column}.zij{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center;gap:8px;width:auto;height:auto;padding:12px;position:static}.menu{flex-flow:wrap}.zij-voet{border-top:0;flex-direction:row;align-items:center;margin-top:0;margin-left:auto;padding:0}main{padding:24px 16px 64px}h1{font-size:32px;line-height:36px}}.label{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:-16px;font-size:12px;font-weight:600}.tabel{border:1px solid var(--line);background:var(--raised);border-radius:16px;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:12px 16px}th{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--sunken);font-size:12px}th.rechts,td.rechts{text-align:right}tr:last-child td{border-bottom:0}details{border:1px solid var(--line);background:var(--raised);border-radius:16px}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{color:var(--muted);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;font-size:16px}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.licht:hover,.knop.licht:hover{background:var(--sunken)}button.gevaar{color:var(--danger);border-color:var(--danger);background:0 0}.fout{color:var(--danger);font-weight:600}.fout:empty{display:none}.stil{color:var(--muted);margin:0;font-size:14px}code,pre{font-family:var(--f-mono);font-size:14px}.reken-raster{grid-template-columns:400px 1fr;align-items:start;gap:32px;display:grid}@media (max-width:900px){.reken-raster{grid-template-columns:1fr}}.reken-paneel{background:var(--raised);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex}.rekenscherm{font:400 18px var(--f-mono);text-align:right;background:var(--surface)}.reken-uitkomst{font:700 56px/56px var(--f-display);text-align:right;letter-spacing:-.02em;overflow-wrap:anywhere}.rekenknoppen{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rekenknoppen button{font:600 20px var(--f-mono);background:var(--raised);height:60px;color:var(--ink);border-color:var(--line);padding:0}.rekenknoppen button:hover{background:var(--sunken)}.rekenknoppen button.op{background:var(--tint);border-color:var(--tint)}.rekenknoppen button.op:hover{border-color:var(--brand)}.rekenknoppen button.is{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.rekenknoppen button.is:hover{background:var(--brand-strong)}.reken-lijst{flex-direction:column;gap:12px;display:flex}