:root{--achtergrond:#f3f6f8;--vlak:#fff;--tekst:#14212b;--tekst-stil:#5b6b76;--lijn:#dbe3e8;--navy:#062033;--accent:#1a9c90;--accent-donker:#137a70;--accent-zacht:#e9f8f6;--mint:#71f5df;--let-op:#9a6a00;--let-op-zacht:#fbf1d9;--fout:#b3261e;--beter:#137a70;--slechter:#b3261e;color:var(--tekst);background:var(--achtergrond);font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--achtergrond);margin:0}main{max-width:1120px;margin:0 auto;padding:28px 16px 64px}main.smal{max-width:480px;padding-top:72px}h1{margin:0 0 8px;font-size:1.7rem}h2{margin:32px 0 12px;font-size:1.2rem}h3{margin:20px 0 8px;font-size:1.05rem}p{line-height:1.5}a{color:var(--accent-donker)}.stil{color:var(--tekst-stil)}.klein{font-size:.85rem}.fout{color:var(--fout)}.kop{background:var(--navy);color:#fff}.kop-binnen{flex-wrap:wrap;align-items:center;gap:16px;max-width:1120px;margin:0 auto;padding:12px 16px;display:flex}.kop a{color:#fff;text-decoration:none}.kop .merk{margin-right:auto;font-weight:700}.kop .merk span{color:var(--mint);margin-left:8px;font-size:.85rem;font-weight:400}.kop nav{gap:16px;font-size:.95rem;display:flex}.kop nav a:hover{color:var(--mint)}.raster{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.kaart{background:var(--vlak);border:1px solid var(--lijn);color:inherit;border-radius:8px;padding:16px;text-decoration:none;display:block}a.kaart:hover{border-color:var(--accent)}.label{background:var(--accent-zacht);color:var(--accent-donker);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.78rem;display:inline-block}.label.let-op{background:var(--let-op-zacht);color:var(--let-op)}.label.grijs{color:var(--tekst-stil);background:#eef1f3}table{border-collapse:collapse;background:var(--vlak);width:100%}th,td{text-align:left;border-bottom:1px solid var(--lijn);vertical-align:top;padding:8px;font-size:.93rem}th{background:#f8fafb;font-weight:600}td.getal,th.getal{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tabel-scroll{border:1px solid var(--lijn);border-radius:8px;overflow-x:auto}.tabel-scroll table{border:0}.formulier{gap:10px;display:grid}label{font-size:.92rem;font-weight:600}input[type=text],input[type=password],input[type=number],select{font:inherit;border:1px solid var(--lijn);background:#fff;border-radius:6px;width:100%;padding:8px 10px}input[type=number]{text-align:right;width:130px}input[type=range]{width:100%;accent-color:var(--accent)}.knop{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}.knop:hover{background:var(--accent-donker)}.knop:disabled{opacity:.55;cursor:default}.knop.licht{background:var(--vlak);color:var(--accent-donker);border:1px solid var(--accent)}.knop.licht:hover{background:var(--accent-zacht)}.rij{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.melding{background:var(--let-op-zacht);color:#5a3e00;border-radius:6px;padding:10px 12px;font-size:.92rem}.melding.fout{color:var(--fout);background:#fbe9e7}.melding.goed{background:var(--accent-zacht);color:var(--accent-donker)}.werkbank{grid-template-columns:220px 1fr;align-items:start;gap:24px;display:grid}.themas{gap:4px;display:grid;position:sticky;top:112px}.themas button{font:inherit;text-align:left;cursor:pointer;color:var(--tekst);background:0 0;border:0;border-left:3px solid #0000;border-radius:0 6px 6px 0;padding:8px 10px}.themas button:hover{background:var(--vlak)}.themas button.actief{border-left-color:var(--accent);background:var(--vlak);font-weight:600}.themas .teller{float:right;color:var(--accent-donker);font-size:.8rem}.kerncijferbalk{z-index:5;background:var(--navy);color:#fff;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 -16px 20px;padding:12px 16px;display:grid;position:sticky;top:0}.kerncijfer .naam{color:#b9d3dc;font-size:.78rem}.kerncijfer .waarde{font-size:1.25rem;font-weight:700}.kerncijfer .delta{color:var(--mint);font-size:.8rem}.kerncijfer .delta.slechter{color:#ffb4a9}.keuze{background:var(--vlak);border:1px solid var(--lijn);border-radius:8px;margin-bottom:12px;padding:14px 16px}.keuze.aan{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.keuze-kop{align-items:flex-start;gap:12px;display:flex}.keuze-kop .nr{color:var(--accent-donker);min-width:28px;font-weight:700}.keuze-kop .vraag{flex:1}.schakel{white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:.88rem;font-weight:500;display:flex}.veld{grid-template-columns:1fr 140px;align-items:center;gap:6px 16px;margin-top:12px;display:grid}.veld .uitleg{color:var(--tekst-stil);grid-column:1/-1;font-size:.82rem}.verdeling{gap:6px;margin-top:12px;display:grid}.verdeling .emmer{grid-template-columns:1fr 140px;align-items:center;gap:16px;display:grid}.verdeling .som{font-size:.88rem}.actiebalk{background:var(--achtergrond);border-top:1px solid var(--lijn);flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:12px 0;display:flex;position:sticky;bottom:0}.verschil.beter{color:var(--beter)}.verschil.slechter{color:var(--slechter)}@media (max-width:760px){.werkbank{grid-template-columns:1fr}.themas{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));position:static}.veld,.verdeling .emmer{grid-template-columns:1fr}}@media print{.kop,.themas,.actiebalk,.geen-print,.schakel{display:none!important}.werkbank{display:block}.kerncijferbalk{margin:0 0 16px;position:static}body,main{background:#fff}.keuze:not(.aan){display:none}}