@layer sections{.past-dit{gap:var(--space-4) var(--space-7);grid-template-columns:minmax(0,4fr) minmax(0,8fr);grid-template-areas:"head cols""head know""head next";align-items:start;display:grid}.past-dit__head{gap:var(--space-3);grid-area:head;display:grid;position:sticky;inset-block-start:calc(var(--header-hoogte) + var(--space-4));container-type:inline-size}.past-dit__title{font-size:min(var(--text-h2), 14cqi);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);max-inline-size:13ch;line-height:1.04}.past-dit__intro{font-size:var(--text-lead);color:var(--color-text-muted)}.past-dit__cols{gap:var(--space-3);grid-area:cols;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.past-dit__card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.past-dit__card h3{font-size:var(--text-h4);margin-block-end:var(--space-3)}.past-dit__card ul{gap:var(--space-2);margin:0;padding:0;display:grid}.past-dit__card li{grid-template-columns:auto 1fr;align-items:start;gap:.75rem;display:grid}.past-dit__card .icon:not(.icon--duo){--icon-size:1.5rem;stroke-width:2px;border-radius:50%;padding:.25rem}.past-dit__card--wel .icon:not(.icon--duo){background:var(--color-highlight);color:var(--color-primary)}.past-dit__card--niet{border:1px solid var(--color-border-strong);background:0 0}.past-dit__card--niet .icon{background:var(--color-surface-muted);color:var(--color-primary)}.past-dit__know{grid-area:know;padding-block-start:var(--space-3)}.past-dit__know h3{font-size:var(--text-h4);margin-block-end:var(--space-2)}.past-dit__know ol{counter-reset:weten;gap:0;margin:0;padding:0;list-style:none;display:grid}.past-dit__know li{counter-increment:weten;padding-block:var(--space-2);border-block-start:1px solid var(--color-border);grid-template-columns:3rem 1fr;display:grid}.past-dit__know li:before{content:counter(weten, decimal-leading-zero);font-size:var(--text-small);font-weight:var(--weight-sterk);color:var(--color-text-muted);font-variant-numeric:tabular-nums;padding-block-start:.15rem}.past-dit__closer{font-size:var(--text-lead);margin-block-start:var(--space-3);font-weight:500}.past-dit__next{align-items:center;gap:var(--space-3) var(--space-5);border-block-start:1px solid var(--color-border);flex-wrap:wrap;grid-area:next;padding-block-start:var(--space-4);display:flex}.past-dit__read{color:var(--color-text);grid-template-columns:minmax(0,auto) auto;align-items:end;column-gap:.5rem;text-decoration:none;display:inline-grid}.past-dit__read-label{font-size:var(--text-small);color:var(--color-text-muted);grid-column:1/-1}.past-dit__read-title{font-weight:var(--weight-ui);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);text-decoration-color:color-mix(in srgb, currentcolor 35%, transparent);text-underline-offset:.25em}.past-dit__read:hover .past-dit__read-title{text-decoration-color:currentColor}.past-dit__read .icon{--icon-size:1rem;transition:translate var(--dur-basis) var(--ease-out);margin-block-end:.2rem}.past-dit__read:hover .icon{translate:.2rem}@media not (min-width:64rem){.past-dit{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""cols""know""next"}.past-dit__head{position:static}}@media not (min-width:40rem){.past-dit__cols{grid-template-columns:minmax(0,1fr)}}}
