.vraag-header{padding-block:var(--spacing-2xl);background-color:var(--color-surface-canvas);background-image:radial-gradient(64rem 34rem at 86% -16%, color-mix(in srgb, var(--color-secondary) 11%, transparent), transparent 62%);position:relative}.vraag-header:before{content:"";pointer-events:none;background-image:radial-gradient(circle at center, var(--color-border-strong) 0 1px, transparent 1.5px);background-position:0 1.125rem;background-size:.625rem 2.25rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#0000008c,#0000 45%);mask-image:linear-gradient(270deg,#0000008c,#0000 45%)}.vraag-header>.shell{position:relative}@media (min-width:768px){.vraag-header{padding-block:var(--spacing-3xl)}}.vraag-header__grid{gap:var(--spacing-xl);display:grid}@media (min-width:1200px){.vraag-header__grid{align-items:start;column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.vraag-header__text{grid-column:1/8}.vraag-header__stamp{grid-column:9/13}}.vraag-header__topic{margin-bottom:var(--spacing-sm);font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-label-accent)}.vraag-header__topic a:hover{text-underline-offset:3px;text-decoration:underline}.vraag-header__title{font-family:var(--font-heading);font-size:var(--text-headline-xl-mobile);line-height:var(--text-headline-xl-mobile--line-height);letter-spacing:var(--text-headline-xl-mobile--letter-spacing);color:var(--color-text-strong);text-wrap:balance;font-weight:700}@media (min-width:768px){.vraag-header__title{font-size:var(--text-headline-xl);line-height:var(--text-headline-xl--line-height);letter-spacing:var(--text-headline-xl--letter-spacing)}}.vraag-answer{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-left:3px solid var(--color-secondary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:var(--shadow-elevation-1)}@media (min-width:768px){.vraag-answer{padding:var(--spacing-lg) var(--spacing-xl)}}.vraag-answer__label{margin-bottom:var(--spacing-xs);font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-label-accent)}.vraag-answer__text{max-width:38rem;font-size:var(--text-body-xl);line-height:var(--text-body-xl--line-height);color:var(--color-text-strong);font-weight:500}.vraag-header__stamp{gap:var(--spacing-2xs) var(--spacing-md);padding-top:var(--spacing-sm);border-top:2px solid var(--color-primary);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.vraag-header__stamp dt{font-size:var(--text-label-caps);line-height:var(--text-spec-data--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-text-muted)}.vraag-header__stamp dd{font-family:var(--font-heading);font-size:var(--text-spec-data);line-height:var(--text-spec-data--line-height);letter-spacing:var(--text-spec-data--letter-spacing);font-weight:var(--text-spec-data--font-weight);color:var(--color-text-strong);margin:0}@media (min-width:1200px){.vraag-header__stamp{padding:var(--spacing-md) var(--spacing-lg) 0;background-color:var(--color-surface-card);border:1px solid var(--color-border-subtle);border-top:2px solid var(--color-primary);border-radius:0 0 var(--radius-DEFAULT) var(--radius-DEFAULT);box-shadow:var(--shadow-elevation-1);grid-template-columns:minmax(0,1fr);gap:0}.vraag-header__stamp dd{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.vraag-header__stamp dd:last-child{border-bottom:0;margin-bottom:0}}.vraag__layout{gap:var(--spacing-2xl);display:grid}@media (min-width:1200px){.vraag__layout{align-items:start;column-gap:var(--gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.vraag__layout .prose{grid-column:1/8}.vraag-aside{top:calc(var(--header-height) + var(--spacing-xl));grid-area:1/9/auto/13;position:sticky}.vraag--kort .vraag-aside{grid-column:1/8;position:static}}.vraag-aside{gap:var(--spacing-xl);display:grid}.vraag-siblings{padding-left:var(--spacing-md);border-left:1px solid var(--color-border-subtle)}.vraag-siblings__title{font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-text-muted)}.vraag-siblings__list{margin:var(--spacing-sm) 0 0;padding:0;list-style:none}.vraag-siblings__item{position:relative}.vraag-siblings__link,.vraag-siblings__current{padding-block:var(--spacing-xs);font-size:var(--text-body-sm);line-height:var(--text-body-sm--line-height);color:var(--color-text-body);display:block}.vraag-siblings__link{transition:color .15s}.vraag-siblings__link:before,.vraag-siblings__current:before{content:"";left:calc(var(--spacing-md) * -1 - 1px);background-color:var(--color-border-strong);width:.5rem;height:1px;transition:width .15s,background-color .15s;position:absolute;top:1.1em}.vraag-siblings__link:hover{color:var(--color-label-accent)}.vraag-siblings__link:hover:before{background-color:var(--color-secondary);width:.875rem}.vraag-siblings__current{color:var(--color-text-strong);font-weight:600}.vraag-siblings__current:before{background-color:var(--color-secondary);width:2px;height:auto;top:0;bottom:0}.vraag-ask{padding:var(--spacing-lg);background-color:var(--color-surface-contrast);border-radius:var(--radius-lg);color:var(--color-text-on-contrast)}.vraag-ask__title{font-family:var(--font-heading);font-size:var(--text-headline-sm);line-height:var(--text-headline-sm--line-height);font-weight:var(--text-headline-sm--font-weight);color:var(--color-on-primary)}.vraag-ask__text{margin-top:var(--spacing-xs);font-size:var(--text-body-md);line-height:var(--text-body-md--line-height);color:var(--color-text-on-contrast-soft)}.vraag-ask__cta{margin-top:var(--spacing-lg)}.vraag-nav{padding-block:var(--spacing-2xl)}.vraag-nav__row{gap:var(--spacing-lg);display:grid}@media (min-width:768px){.vraag-nav__row{gap:var(--spacing-xl);grid-template-columns:repeat(2,minmax(0,1fr))}.vraag-nav__link--next{text-align:right;grid-column:2;justify-items:end}}.vraag-nav__link{gap:var(--spacing-2xs);padding-top:var(--spacing-md);border-top:2px solid var(--color-primary);transition:border-color .2s;display:grid}.vraag-nav__link:hover{border-top-color:var(--color-secondary)}.vraag-nav__label{align-items:center;gap:var(--spacing-xs);font-size:var(--text-label-caps);line-height:var(--text-label-caps--line-height);letter-spacing:var(--text-label-caps--letter-spacing);font-weight:var(--text-label-caps--font-weight);text-transform:uppercase;color:var(--color-label-accent);display:inline-flex}.vraag-nav__label svg{width:1rem;height:1rem;transition:transform .2s}.vraag-nav__link--prev .vraag-nav__label svg{transform:rotate(180deg)}.vraag-nav__link--prev:hover .vraag-nav__label svg{transform:rotate(180deg)translate(3px)}.vraag-nav__link--next:hover .vraag-nav__label svg{transform:translate(3px)}.vraag-nav__title{font-family:var(--font-heading);font-size:var(--text-headline-sm);line-height:var(--text-headline-sm--line-height);font-weight:var(--text-headline-sm--font-weight);color:var(--color-text-strong);text-wrap:balance;transition:color .15s}.vraag-nav__link:hover .vraag-nav__title{color:var(--color-label-accent)}
