.demo.svelte-ze3grc{border:2px solid var(--plum-900);border-radius:var(--radius-sm, 4px);background:var(--neutral-50);padding:clamp(1rem,2.5vw,1.6rem);color:var(--plum-900)}.demo-kop.svelte-ze3grc{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.demo-titel.svelte-ze3grc{font-family:var(--font-display);font-weight:850;font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.02em;line-height:1.1;color:var(--plum-900);margin:0}.switch.onzichtbaar.svelte-ze3grc{visibility:hidden}.sr-status.svelte-ze3grc{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.varianten.svelte-ze3grc{display:grid}.variant.svelte-ze3grc{grid-area:1 / 1;min-width:0;transition:clip-path .25s var(--ease-out, ease)}.variant.standaard.svelte-ze3grc{clip-path:inset(0 0 0 0)}.variant.ok.svelte-ze3grc{clip-path:inset(0 100% 0 0);visibility:hidden}.toon-ok.svelte-ze3grc .variant.standaard:where(.svelte-ze3grc){clip-path:inset(0 0 0 100%);visibility:hidden;transition:clip-path .25s var(--ease-out, ease),visibility 0s .25s}.toon-ok.svelte-ze3grc .variant.ok:where(.svelte-ze3grc){clip-path:inset(0 0 0 0);visibility:visible}.variant.standaard.svelte-ze3grc{visibility:visible;transition:clip-path .25s var(--ease-out, ease),visibility 0s 0s}.varianten.svelte-ze3grc:not(.toon-ok) .variant.ok:where(.svelte-ze3grc){transition:clip-path .25s var(--ease-out, ease),visibility 0s .25s}@media(prefers-reduced-motion:reduce){.varianten.svelte-ze3grc .variant.standaard:where(.svelte-ze3grc),.varianten.svelte-ze3grc .variant.ok:where(.svelte-ze3grc),.toon-ok.svelte-ze3grc .variant.standaard:where(.svelte-ze3grc),.varianten.svelte-ze3grc:not(.toon-ok) .variant.ok:where(.svelte-ze3grc){transition:none}}.std-chrome.svelte-ze3grc{font-family:-apple-system,Segoe UI,Arial,sans-serif;background:#f4f5f7;border:1px solid #d3d7de;border-radius:6px;padding:14px;color:#3c4452}.std-titel.svelte-ze3grc{font-size:13px;font-weight:600;color:#5a6372;margin-bottom:10px}.std-tabs.svelte-ze3grc{display:flex;gap:4px;margin-bottom:10px}.std-tab.svelte-ze3grc{font-size:12px;padding:6px 12px;background:#e6e9ee;border:1px solid #c9ced8;border-radius:4px;color:#4a5263;cursor:pointer}.std-tab--actief.svelte-ze3grc{background:#fff;border-color:#8d96a8;font-weight:600}.std-tab.svelte-ze3grc:focus-visible{outline:2px solid #5a6372;outline-offset:1px}.std-chart.svelte-ze3grc{display:block;width:100%;height:auto;background:#fff;border:1px solid #dde1e8;margin-bottom:10px}.std-grid.svelte-ze3grc{stroke:#e8ebf0;stroke-width:1}.std-as.svelte-ze3grc{font-size:11px;fill:#98a0af}.std-lijn.svelte-ze3grc{fill:none;stroke:#6b7894;stroke-width:1.5}.std-tabel.svelte-ze3grc{width:100%;border-collapse:collapse;font-size:12px}.std-tabel.svelte-ze3grc th:where(.svelte-ze3grc){text-align:left;font-weight:400;color:#5a6372;padding:5px 8px;border:1px solid #dde1e8;background:#eef0f4;width:60%}.std-tabel.svelte-ze3grc td:where(.svelte-ze3grc){padding:5px 8px;border:1px solid #dde1e8;background:#fff;font-variant-numeric:tabular-nums}.std-voetnoot.svelte-ze3grc{font-size:10px;color:#98a0af;margin:8px 0 0}.ok-layout.svelte-ze3grc{display:grid;grid-template-columns:minmax(240px,2fr) 3fr;gap:clamp(1rem,2.5vw,1.8rem);align-items:start}.std-grid-layout.svelte-ze3grc{display:grid;grid-template-columns:3fr minmax(220px,2fr);gap:12px;align-items:start}@media(max-width:760px){.ok-layout.svelte-ze3grc,.std-grid-layout.svelte-ze3grc{grid-template-columns:1fr}.ok-links.svelte-ze3grc{order:2}.ok-rechts.svelte-ze3grc{order:1}}.ok-chartwrap.svelte-ze3grc{position:relative;margin-bottom:.7rem}.ok-chart.svelte-ze3grc{display:block;width:100%;height:auto;background:#fff;border:1.5px solid var(--plum-900);border-radius:var(--radius-xs, 2px)}.ok-grid.svelte-ze3grc{stroke:var(--neutral-200, #e7e1db);stroke-width:1}.ok-as.svelte-ze3grc{font-size:11px;fill:var(--plum-700);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ok-as--titel.svelte-ze3grc{fill:var(--plum-500)}.ok-delta.svelte-ze3grc{position:absolute;bottom:40px;right:12px;z-index:1;margin:0;background:#fff;border:1.5px solid var(--plum-900);border-radius:var(--radius-xs, 2px);padding:.5rem .7rem;display:grid;gap:.15rem;min-width:200px}.ok-delta__rij.svelte-ze3grc{display:flex;justify-content:space-between;gap:1rem}.ok-delta.svelte-ze3grc dt:where(.svelte-ze3grc){font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;color:var(--neutral-700);text-transform:lowercase}.ok-delta.svelte-ze3grc dd:where(.svelte-ze3grc){margin:0;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--plum-900);font-variant-numeric:tabular-nums}@keyframes svelte-ze3grc-delta-weg{0%,70%{opacity:1}to{opacity:0}}.ok-delta--weg.svelte-ze3grc{animation:svelte-ze3grc-delta-weg 1.9s ease-out forwards}@media(prefers-reduced-motion:reduce){.ok-delta--weg.svelte-ze3grc{animation:none}}.ok-lijn.svelte-ze3grc{fill:none;stroke:var(--plum-900);stroke-width:2.5;stroke-linecap:round}.ok-voor.svelte-ze3grc{fill:none;stroke:var(--plum-500);stroke-width:2;stroke-dasharray:6 5;opacity:.55}@keyframes svelte-ze3grc-voor-weg{0%{opacity:.55}to{opacity:0}}.ok-voor--weg.svelte-ze3grc{animation:svelte-ze3grc-voor-weg 1.8s ease-out forwards}.ok-lijnlabel.svelte-ze3grc{font-family:var(--font-mono);font-size:9px;fill:var(--plum-500)}.ok-lijnlabel--na.svelte-ze3grc{fill:var(--plum-900)}@media(prefers-reduced-motion:reduce){.ok-voor--weg.svelte-ze3grc{animation:none}}.ok-uitleg.svelte-ze3grc{font-family:var(--font-mono);font-size:.78rem;color:var(--plum-700);background:var(--green-400);display:inline-block;padding:.3rem .6rem;border-radius:var(--radius-xs, 2px);color:var(--plum-900);margin:0 0 1rem}.ok-kaarten.svelte-ze3grc{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.ok-kaart.svelte-ze3grc{border:1.5px solid var(--plum-900);border-radius:var(--radius-xs, 2px);padding:.55rem .7rem;background:#fff;display:flex;flex-direction:column;gap:.15rem}.ok-kaart__label.svelte-ze3grc{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--plum-500)}.ok-kaart__waarde.svelte-ze3grc{font-family:var(--font-display);font-weight:850;font-size:1.25rem;font-variant-numeric:tabular-nums}.ok-sliders.svelte-ze3grc{display:grid;gap:1.1rem;margin-bottom:1rem}.ok-optimaal.svelte-ze3grc{display:inline-block;margin-top:.25rem;font-family:var(--font-mono);font-size:.72rem;color:var(--plum-500);background:none;border:none;border-bottom:2px solid var(--green-400);padding:0 0 1px;cursor:pointer}.ok-optimaal.svelte-ze3grc:hover{color:var(--plum-900)}.ok-optimaal--actief.svelte-ze3grc{border-bottom-color:transparent;cursor:default;color:var(--neutral-700)}.ok-aannames.svelte-ze3grc summary:where(.svelte-ze3grc){font-family:var(--font-mono);font-size:.74rem;color:var(--plum-700);cursor:pointer}.ok-aannames.svelte-ze3grc ul:where(.svelte-ze3grc){margin:.5rem 0 0;padding-left:1.1rem;list-style:disc;font-size:.85rem;color:var(--neutral-700);line-height:1.5}.ok-aannames.svelte-ze3grc li:where(.svelte-ze3grc){margin-bottom:.3rem}.ok-aannames.svelte-ze3grc li:where(.svelte-ze3grc)::marker{color:var(--plum-500)}.demo-cta.svelte-ze3grc{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--plum-900);margin:1.1rem calc(-1*clamp(1rem,2.5vw,1.6rem)) calc(-1*clamp(1rem,2.5vw,1.6rem));padding:1rem clamp(1rem,2.5vw,1.6rem);border-radius:0 0 2px 2px}@media(max-width:640px){.ok-kaarten.svelte-ze3grc{grid-template-columns:1fr}.demo-kop.svelte-ze3grc{flex-direction:column;align-items:flex-start}.switch.svelte-ze3grc .ok-seg{width:100%}.switch.svelte-ze3grc .ok-seg__item{flex:1;min-height:44px}}
