@layer sections{.tekst-beeld{gap:var(--space-5) var(--space-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy media""points points""foot foot";align-items:center;display:grid}.tekst-beeld--links{grid-template-areas:"media copy""points points""foot foot"}.tekst-beeld--zonder-beeld{align-items:start;row-gap:var(--space-4);grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"copy body""copy points""copy foot"}.tekst-beeld--zonder-beeld .tekst-beeld__copy{position:sticky;inset-block-start:calc(var(--header-hoogte) + var(--space-4));container-type:inline-size}.tekst-beeld--zonder-beeld .tekst-beeld__title{font-size:min(var(--text-h2), 10.5cqi)}.tekst-beeld__icon{aspect-ratio:1;inline-size:clamp(3.5rem,2.75rem + 2vw,4.5rem);color:var(--color-primary);place-items:center;margin-block-start:var(--space-4);display:grid}.tekst-beeld__icon .icon{--icon-size:100%;stroke-width:1.15px}.tekst-beeld__icon .duo{stroke-width:1.5px}@media not (min-width:56rem){.tekst-beeld__icon{inline-size:3rem;margin-block-start:var(--space-1)}}.tekst-beeld__body{gap:var(--space-4);grid-area:body;justify-items:start;max-inline-size:46rem;display:grid}.tekst-beeld__body .tekst-beeld__text{min-inline-size:0;color:var(--color-text);font-size:var(--text-body);justify-self:stretch}.tekst-beeld__body .tekst-beeld__text>p:first-child{font-size:var(--text-lead);color:var(--color-text-muted)}.tekst-beeld__copy{gap:var(--space-3);grid-area:copy;justify-items:start;min-inline-size:0;display:grid}.tekst-beeld__title{font-size:var(--text-h2);max-inline-size:16ch}.tekst-beeld__text{color:var(--color-text-muted)}.tekst-beeld__media{aspect-ratio:4/3;grid-area:media}.tekst-beeld__points{gap:var(--space-3) var(--space-4);grid-area:points;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0;padding:0;display:grid}.tekst-beeld--zonder-beeld .tekst-beeld__points{grid-template-columns:minmax(0,1fr);gap:0}.tekst-beeld__points li{gap:var(--space-2);padding-block:var(--space-3);border-block-start:1px solid var(--color-border);grid-template-columns:auto 1fr;display:grid}.tekst-beeld__points strong{margin-block-end:.25rem;font-size:1.125rem;font-weight:560;display:block}.tekst-beeld__points p{color:var(--color-text-muted);font-size:var(--text-small)}.tekst-beeld__icoon:not(.icon--duo){--icon-size:1.5rem;background:var(--color-highlight);color:var(--color-primary);stroke-width:2px;border-radius:50%;padding:.2rem}.tekst-beeld__foot{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;grid-area:foot;display:flex}.tekst-beeld__source{font-size:var(--text-label);letter-spacing:.02em;color:var(--color-text-muted)}@media not (min-width:56rem){.tekst-beeld,.tekst-beeld--links,.tekst-beeld--zonder-beeld{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""media""body""points""foot"}.tekst-beeld--zonder-beeld .tekst-beeld__copy{position:static}}.tekst-beeld__points li.is-waarschuwing{padding-inline:var(--space-2);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-accent) 16%, transparent);border-block-start-color:#0000}.is-waarschuwing .tekst-beeld__icoon{background:var(--color-accent);color:var(--color-on-accent)}.tekst-beeld--zonder-beeld .tekst-beeld__icon{inline-size:3.5rem;margin-block:0 var(--space-1);background:var(--color-surface-raised);box-shadow:0 12px 28px -18px color-mix(in srgb, var(--color-primary) 45%, transparent);border-radius:50%;order:-1}.tekst-beeld--zonder-beeld .tekst-beeld__icon .icon{--icon-size:1.75rem;stroke-width:1.4px;block-size:1.75rem;inline-size:1.75rem}.tekst-beeld--zonder-beeld .tekst-beeld__points:has(>li:nth-child(3)){gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.tekst-beeld--zonder-beeld .tekst-beeld__points:has(>li:nth-child(3))>li:not(.is-waarschuwing){align-content:start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:0 1px 2px color-mix(in srgb, var(--color-primary) 5%, transparent);border:0;grid-template-columns:minmax(0,1fr)}.tekst-beeld--zonder-beeld .tekst-beeld__points:has(>li:nth-child(3))>li:not(.is-waarschuwing) .icon--duo{--icon-size:2.75rem;margin-block:0 .25rem;padding:.5rem}.tekst-beeld__body .prose ol{counter-reset:stap;gap:var(--space-3);padding-inline-start:0;list-style:none;display:grid;position:relative}.tekst-beeld__body .prose ol:before{content:"";background:var(--color-border-strong);inline-size:1px;position:absolute;inset-block:1rem;inset-inline-start:1rem}.tekst-beeld__body .prose ol>li{counter-increment:stap;margin:0;padding-inline-start:3.25rem;position:relative}.tekst-beeld__body .prose ol>li:before{content:counter(stap);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);block-size:2rem;inline-size:2rem;font-size:var(--text-small);font-weight:var(--weight-sterk);font-variant-numeric:tabular-nums;color:var(--color-text);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:-.1rem;inset-inline-start:0}.tekst-beeld__body .prose ol>li::marker{content:none}.section--tekst-beeld-kort{padding-block:var(--space-sectie-compact)}.tekst-beeld--kort{align-items:center}.tekst-beeld--kort .tekst-beeld__copy{position:static}.tekst-beeld--reken .tekst-beeld__body{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface-raised);border-inline-start:4px solid var(--color-accent);box-shadow:0 24px 48px -32px color-mix(in srgb, var(--color-primary) 35%, transparent)}.tekst-beeld--reken .tekst-beeld__body .tekst-beeld__text>p:first-child{font-size:var(--text-body);color:var(--color-text)}.tekst-beeld--reken strong{font-variant-numeric:tabular-nums}}