@layer sections{.reken{--reken-balk:.75rem;--reken-spoor:color-mix(in srgb, var(--color-text) 8%, transparent);--reken-kaart:var(--color-surface);--reken-stap-vertraging:80ms;gap:var(--space-5) var(--space-7);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;display:grid}:is(.surface-licht,.surface-ondersteunend) .reken{--reken-kaart:var(--color-surface-raised)}.reken__head{gap:var(--space-3);justify-items:start;display:grid;position:sticky;inset-block-start:calc(var(--header-hoogte) + var(--space-4));container-type:inline-size}.reken__title{font-size:min(var(--text-h2), 10.5cqi)}.reken__intro{color:var(--color-text-muted);max-inline-size:34rem}.reken__main{gap:var(--space-4);min-inline-size:0;display:grid}.reken-grafiek{gap:var(--space-4);border-radius:var(--radius-lg);background:var(--reken-kaart);margin:0;padding:clamp(1.25rem,.6rem + 2.2vw,2.5rem);display:grid}.reken-grafiek__label{font-size:var(--text-label);font-weight:var(--weight-sterk);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);margin-block-end:calc(var(--space-1) * -1)}.reken-grafiek__hero{gap:var(--space-1);margin:0;display:grid}.reken-grafiek__hero-label,.reken-deel__name,.reken-stap__name{font-size:var(--text-ui);font-weight:var(--weight-ui);-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;line-height:1.35}.reken-grafiek__hero-value{font-size:var(--text-h2);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:1}.reken-grafiek__caption{font-size:var(--text-small);color:var(--color-text-muted);margin-block-end:calc(var(--space-2) * -1)}.reken-bedrag{font-variant-numeric:tabular-nums;white-space:nowrap}:is(.reken-grafiek__hero-value,.reken-deel__value).reken-bedrag{font-variant-numeric:proportional-nums}.reken-ca{font-size:max(.45em,.875rem);font-weight:var(--weight-ui);letter-spacing:0;color:var(--color-text-muted)}.reken-teken{color:var(--color-text-muted)}.reken-balk{block-size:var(--reken-balk);border-radius:var(--radius-pill);background:var(--reken-spoor);display:block;position:relative}.reken-balk__vulling{inline-size:max(var(--reken-balk), calc(var(--tot,100%) - var(--van,0%)));border-radius:var(--radius-pill);background:var(--tone,var(--color-primary));position:absolute;inset-block:0;inset-inline-start:var(--van,0%)}.reken-staaf{gap:.625rem;display:grid}.reken-staaf__bar,.reken-staaf__schaal{gap:.25rem;display:flex}.reken-staaf__deel{flex:var(--v) 1 0%;min-inline-size:var(--reken-balk);block-size:var(--reken-balk);border-radius:var(--radius-pill);background:var(--tone)}.reken-staaf__schaal>span{flex:var(--v) 1 0%;min-inline-size:0;font-size:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-muted)}.reken-staaf__schaal>span:last-child:not(:first-child){text-align:end}:is(.reken-staaf__deel,.reken-deel):nth-child(4n+1){--tone:var(--color-primary)}:is(.reken-staaf__deel,.reken-deel):nth-child(4n+2){--tone:var(--color-highlight)}:is(.reken-staaf__deel,.reken-deel):nth-child(4n+3){--tone:var(--color-accent)}:is(.reken-staaf__deel,.reken-deel):nth-child(4n+4){--tone:var(--color-border-strong)}.reken-delen{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));margin:0;padding:0;display:grid}.reken-deel{align-content:start;gap:.375rem;display:grid}.reken-deel__name{align-items:center;gap:.5rem;display:flex}.reken-deel__name:before{content:"";border-radius:var(--radius-pill);background:var(--tone);flex:none;block-size:.75rem;inline-size:.75rem}.reken-deel__value,.reken-stap__value{font-size:var(--text-h3);font-weight:var(--weight-display);letter-spacing:var(--tracking-kop);line-height:1.05}.reken-deel__calc,.reken-stap__calc{font-size:var(--text-small);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.reken-grafiek--waterval{--reken-stap-vertraging:.22s}.reken-stappen{gap:var(--space-4);margin:0;padding:0;display:grid}.reken-stap{align-items:end;gap:.875rem var(--space-3);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text value""balk balk";display:grid}.reken-stap__text{grid-area:text;gap:.125rem;display:grid}.reken-stap__value{grid-area:value}.reken-stap .reken-balk{grid-area:balk}.reken-stap.is-plus{--tone:var(--color-highlight)}.reken-stap.is-min{--tone:var(--color-accent)}.reken-stap.is-totaal{--tone:var(--color-primary);border-block-start:1px solid var(--color-border-strong);padding-block-start:var(--space-4)}.reken-stap.is-totaal .reken-stap__value{font-weight:var(--weight-sterk);letter-spacing:var(--tracking-display)}.reken-band{--tone:var(--color-accent);gap:.625rem;display:grid}.reken-band__schaal{block-size:1.5em;font-size:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-muted);position:relative}.reken-band__van{position:absolute;inset-inline-start:min(var(--van), calc(100% - 9rem))}.reken-band__tot{position:absolute;inset-inline-end:0}.reken-grafiek__extra{margin:0 0 calc(var(--space-4) * -1);display:grid}.reken-grafiek__extra>div{justify-content:space-between;gap:.25rem var(--space-2);border-block-start:1px solid var(--color-border);flex-wrap:wrap;padding-block:.75rem;display:flex}.reken-grafiek__extra dd{font-weight:var(--weight-ui);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 0 0 auto}.reken__source{font-size:var(--text-small);color:var(--color-text-muted);align-items:start;gap:.5rem;display:flex}.reken__source .icon{--icon-size:1.25rem;flex:none;margin-block-start:.1rem}.reken-grafiek .reken__source{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-3)}.reken__details{border-block-end:1px solid var(--color-border)}.reken__details summary{align-items:center;column-gap:var(--space-2);min-block-size:4rem;padding-block:var(--space-2);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label toggle""hint toggle";list-style:none;display:grid}.reken__details summary::-webkit-details-marker{display:none}.reken__details-label{font-weight:var(--weight-ui);grid-area:label}.reken__details-hint{font-size:var(--text-small);color:var(--color-text-muted);grid-area:hint}.reken__toggle{border:1px solid var(--color-border-strong);block-size:2.5rem;inline-size:2.5rem;transition:transform var(--dur-basis) var(--ease-out), background-color var(--dur-snel);border-radius:50%;grid-area:toggle;place-items:center;display:grid}.reken__details[open] .reken__toggle{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);transform:rotate(45deg)}.reken__details summary:hover .reken__details-label{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.25em;text-decoration-thickness:2px}.reken__details summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-sm)}.reken__details .reken__tables{padding-block-end:var(--space-4)}@supports (interpolate-size:allow-keywords){.reken__details{interpolate-size:allow-keywords}.reken__details::details-content{block-size:0;transition:block-size var(--dur-basis) var(--ease-out), content-visibility var(--dur-basis) allow-discrete;overflow:clip}.reken__details[open]::details-content{block-size:auto}}.reken__tables{gap:var(--space-3);display:grid}.reken__table{border-collapse:collapse;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--reken-kaart);font-variant-numeric:tabular-nums;inline-size:100%;overflow:hidden}.reken__table caption{padding:var(--space-3) var(--space-3) var(--space-1);text-align:start;font-size:var(--text-label);font-weight:var(--weight-sterk);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-muted);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--reken-kaart)}.reken__table th,.reken__table td{padding:.875rem var(--space-3);border-block-start:1px solid var(--color-border);text-align:start;vertical-align:top;font-weight:var(--weight-tekst)}.reken__table td{text-align:end;text-wrap:pretty}.reken__table .is-emphasis th,.reken__table .is-emphasis td{font-weight:var(--weight-sterk);background:color-mix(in srgb, var(--color-highlight) 22%, transparent)}.reken__foot{gap:var(--space-3);justify-items:start;max-inline-size:46rem;display:grid}.reken__conclusion{font-size:var(--text-lead)}@media (prefers-reduced-motion:no-preference){:root.js:not([data-beweging=minimaal]) .reken-grafiek:not(.is-revealed) :is(.reken-staaf__deel,.reken-balk__vulling){clip-path:inset(0 100% 0 0 round var(--radius-pill))}:root.js:not([data-beweging=minimaal]) .reken-grafiek:not(.is-revealed) .is-min .reken-balk__vulling{clip-path:inset(0 0 0 100% round var(--radius-pill))}:root.js:not([data-beweging=minimaal]) .reken-grafiek:not(.is-revealed) .reken-band .reken-balk__vulling{clip-path:inset(0 50% 0 50% round var(--radius-pill))}:root.js:not([data-beweging=minimaal]) .reken-grafiek:not(.is-revealed) :is(.reken-deel__value,.reken-stap__value,.reken-staaf__schaal,.reken-band__schaal){opacity:0}:root.js .reken-grafiek :is(.reken-staaf__deel,.reken-balk__vulling){clip-path:inset(0 0 0 0 round var(--radius-pill));transition:clip-path .6s var(--ease-zacht);transition-delay:calc(.2s + var(--i,0) * var(--reken-stap-vertraging))}:root.js .reken-grafiek :is(.reken-deel__value,.reken-stap__value,.reken-staaf__schaal,.reken-band__schaal){transition:opacity var(--dur-traag) var(--ease-out);transition-delay:calc(.65s + var(--i,0) * var(--reken-stap-vertraging))}}@media not (min-width:56rem){.reken{row-gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.reken__head{position:static}.reken__title{font-size:var(--text-h2)}}@media not (min-width:36rem){.reken__table caption{padding-inline:var(--space-2)}.reken__table th,.reken__table td{padding:.75rem var(--space-2);font-size:var(--text-small);-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:12 5 5}}.reken-bedrag,.reken-grafiek__hero-value,.reken-deel__value,.reken-stap__value{white-space:nowrap}}