/* FAQ : titre à gauche, questions à droite sur grand écran ; ouverture animée (disclosure). */
.faq {
    display: grid;
    gap: var(--space-6);
}

@media (min-width: 64rem) {
    .faq {
        grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
        gap: var(--space-9);
        align-items: start;
    }

    .faq__head {
        position: sticky;
        top: calc(var(--header-height) + var(--space-6));
        margin-bottom: 0;
    }
}

.faq__list .disclosure summary {
    font-size: var(--text-md);
}

.faq__list .disclosure__body p + p {
    margin-top: var(--space-3);
}