.vragen{--v-bg:var(--color-surface-inverse);--v-ink:var(--color-content-inverse);--v-ink-zacht:var(--color-content-inverse-muted);--v-lijn:var(--color-border-inverse);--v-accent:var(--color-gold);isolation:isolate;padding-block:calc(var(--spacing-section) * 1.15);color:var(--v-ink);background:radial-gradient(ellipse 70% 55% at 88% 0%, color-mix(in oklab, var(--color-gold) 13%, transparent), transparent 70%), var(--v-bg);position:relative}.vragen[data-toon=rustig]{--v-bg:transparent;--v-ink:var(--color-content);--v-ink-zacht:var(--color-content-muted);--v-lijn:var(--color-border);--v-accent:var(--color-accent);padding-block:var(--spacing-section);background:0 0}.vragen[data-toon=nacht] ::selection{background:var(--color-gold);color:var(--color-gold-content)}.vragen__binnen{max-width:var(--container-content);gap:2.75rem;margin-inline:auto;padding-inline:1.5rem;display:grid}@media (min-width:64rem){.vragen__binnen{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(4rem,8vw,7.5rem)}.vragen[data-surface=site] .vragen__kop{top:calc(var(--anker-marge,var(--spacing-section)) + 1rem);position:sticky}}.vragen__titel{font-family:var(--font-display);letter-spacing:-.012em;text-wrap:balance;color:var(--v-ink);font-size:clamp(2.625rem,5.4vw,4.5rem);font-weight:500;line-height:1}.vragen__draad{background:var(--v-accent);width:100%;max-width:8rem;height:1px;margin-top:2rem;display:block}.vraag{border-top:1px solid var(--v-lijn);position:relative}.vraag:last-child{border-bottom:1px solid var(--v-lijn)}.vraag:before{content:"";inset-inline:0;background:var(--v-accent);transform-origin:0;height:1px;transition:scale var(--duration-section) var(--ease-entrance);position:absolute;top:-1px;scale:0 1}.vraag[data-open=true]:before{scale:1}.vraag__kop{font:inherit;margin:0}.vraag__knop,.vraag__kop--los{width:100%;font-family:var(--font-display);text-align:left;color:var(--v-ink);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-block:1.625rem;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:500;line-height:1.18;display:flex}.vraag__knop{cursor:pointer;border-radius:var(--radius-control);background:0 0;border:0}.vraag__knop:focus-visible{outline:2px solid var(--v-accent);outline-offset:.375rem}.vraag__titel{text-wrap:pretty;transition:color var(--duration-micro) var(--ease-entrance), translate var(--duration-micro) var(--ease-entrance)}@media (hover:hover){.vraag__knop:hover .vraag__titel{color:var(--v-accent);translate:.375rem}}.vraag[data-open=true] .vraag__titel{color:var(--v-accent)}.vraag__teken{flex:none;width:1.25rem;height:1.25rem;margin-top:.45em;position:relative}.vraag__teken:before,.vraag__teken:after{content:"";background:var(--v-accent);height:1.5px;transition:rotate var(--duration-entrance) var(--ease-entrance);margin-top:-.75px;position:absolute;inset:50% 0 auto}.vraag__teken:after{rotate:90deg}.vraag[data-open=true] .vraag__teken:after{rotate:none}.vraag__paneel{transition:grid-template-rows var(--duration-section) var(--ease-entrance);grid-template-rows:0fr;display:grid}.vraag[data-open=true] .vraag__paneel{grid-template-rows:1fr}.vraag__inhoud{min-height:0;overflow:hidden}.vraag__antwoord{max-width:58ch;color:var(--v-ink-zacht);opacity:0;translate:0 var(--motion-rise);transition:opacity var(--duration-entrance) var(--ease-entrance), translate var(--duration-entrance) var(--ease-entrance);padding-bottom:2.25rem;font-size:1.0625rem;line-height:1.75}.vraag[data-open=true] .vraag__antwoord{opacity:1;transition-delay:.12s;translate:0}.vragen[data-toon=rustig] :is(.vraag__titel,.vraag__paneel,.vraag__antwoord),.vragen[data-toon=rustig] .vraag:before,.vragen[data-toon=rustig] .vraag__teken:before,.vragen[data-toon=rustig] .vraag__teken:after{transition:none}@media (hover:hover){.vragen[data-toon=rustig] .vraag__knop:hover .vraag__titel{translate:none}}