@layer sections{.faq{gap:var(--space-5) var(--space-8);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;display:grid}.faq__aside{gap:var(--space-3);display:grid;position:sticky;inset-block-start:calc(var(--header-hoogte) + var(--space-4));container-type:inline-size}.faq__title{font-size:min(var(--text-h2), 13cqi);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:1.04}.faq__intro{color:var(--color-text-muted)}.faq__card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--section-bg);color:var(--color-text);justify-items:start;margin-block-start:var(--space-3);display:grid}.faq__card-title{font-size:var(--text-h4);font-weight:500}.faq__card-text{color:var(--color-text-muted);font-size:var(--text-small)}.faq__item{border-block-end:1px solid var(--color-border)}.faq__item summary{align-items:center;gap:var(--space-2);min-block-size:4.5rem;padding-block:var(--space-2);cursor:pointer;grid-template-columns:2.75rem 1fr auto;list-style:none;display:grid}.faq__item summary::-webkit-details-marker{display:none}.faq__num{font-size:var(--text-small);font-weight:var(--weight-sterk);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.faq__q{letter-spacing:-.01em;font-size:1.1875rem;font-weight:500}.faq__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%;place-items:center;display:grid}.faq__item[open] .faq__toggle{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);transform:rotate(45deg)}.faq__item summary:hover .faq__q{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:.25em;text-decoration-thickness:2px}.faq__item summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-sm)}.faq__a{padding:0 3.5rem var(--space-3) 3.5rem;color:var(--color-text-muted)}@supports (interpolate-size:allow-keywords){.faq__item{interpolate-size:allow-keywords}.faq__item::details-content{block-size:0;transition:block-size var(--dur-basis) var(--ease-out), content-visibility var(--dur-basis) allow-discrete;overflow:clip}.faq__item[open]::details-content{block-size:auto}}@media not (min-width:56rem){.faq{grid-template-columns:minmax(0,1fr)}.faq__aside{position:static}.faq__a{padding-inline:0}}}
