.faq-intro {
    background: var(--souvelty-plum);
    padding-block: clamp(4.5rem, 8vw, 7rem);
}

.faq-intro h1 {
    max-width: 14ch;
    margin-bottom: 1.5rem;
    font-size: clamp(3rem, 5vw, 5.2rem);
    line-height: 1;
}

.faq-intro p {
    max-width: 38rem;
    margin-bottom: 0;
}

.faq-page {
    padding-block: clamp(4rem, 8vw, 7rem);
}

.faq-page__list {
    border-bottom: 1px solid rgba(51, 47, 47, 0.28);
}

.faq-page__list details {
    padding: 0;
    border-top: 1px solid rgba(51, 47, 47, 0.28);
}

.faq-page__list summary {
    padding: 1.6rem 2.5rem 1.6rem 0;
    font: clamp(1.35rem, 2vw, 1.75rem) / 1.3 var(--serif);
    cursor: pointer;
}

.faq-page__list details p {
    max-width: 66ch;
    margin: 0;
    padding: 0 0 1.8rem;
}

@media (max-width: 640px) {
    .faq-intro {
        padding-block: 4rem;
    }

    .faq-intro h1 {
        font-size: clamp(2.6rem, 12vw, 4rem);
    }

    .faq-page {
        padding-block: 3.5rem;
    }

    .faq-page__list summary {
        padding-block: 1.35rem;
        font-size: clamp(1.25rem, 6.5vw, 1.55rem);
    }
}