.c-faq {
    max-width: 884px;
    margin: 0 auto;
    padding: 16px;
    text-align: left;
}

.c-faq > summary {
    display: flex;
    justify-content: space-between;
    /* @link https://utopia.fyi/clamp/calculator?a=320,512,8—16 */
    gap: clamp(8px, -5.3333px + 4.1667vw, 16px);
    list-style: none;
    cursor: pointer;
}

.c-faq summary::-webkit-details-marker {
    display: none;
}

.c-faq .c-faq__marker {
    margin-top: 0.56rem;
}

.c-faq .c-faq__question {
    /* @link https://utopia.fyi/clamp/calculator?a=320,1400,32—40 */
    font-size: clamp(2rem, 1.8519rem + 0.7407vw, 2.5rem);
}

.c-faq p {
    transition: opacity .3s ease-in-out;
    margin: 0;
    margin-top: 8px;
    font-size: 1.2rem;
    opacity: 0;
}

.c-faq[open] p {
    opacity: 1;
}