/* Studio MVP FAQ: alleen tokens. Geen klasse "details" stylen (Pencil regel), wel het element via onze klassen. */
.smvp-faq__inner { display: grid; gap: var(--smvp-gap); }
@media (min-width: 960px) { .smvp-faq--split .smvp-faq__inner { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(40px, 6vw, 96px); align-items: start; } .smvp-faq--split .smvp-faq__head { position: sticky; top: calc(var(--smvp-header-height) + 24px); } }
.smvp-faq__list { border-top: 1px solid var(--smvp-color-line); }
.smvp-faq__item { border-bottom: 1px solid var(--smvp-color-line); }
.smvp-faq__q { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 20px 0; cursor: pointer; list-style: none; font-weight: 600; font-size: 1.075rem; }
.smvp-faq__q::-webkit-details-marker { display: none; }
.smvp-faq__icon { flex: 0 0 auto; display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--smvp-color-line); color: var(--smvp-color-primary); transition: transform var(--smvp-duration) var(--smvp-ease), background-color var(--smvp-duration); }
.smvp-faq__item[open] .smvp-faq__icon { transform: rotate(45deg); background: var(--smvp-color-muted-bg); }
.smvp-faq__a { padding: 0 48px 22px 0; color: var(--smvp-color-muted); }