/* Frequently asked questions */
.faq-layout  {
    display: grid;
    grid-template-columns: .75fr 1.4fr;
    gap: 75px;
}

.faq-list details  {
    border-bottom: 1px solid var(--line);
}

.faq-list details:first-child  {
    border-top: 1px solid var(--line);
}

.faq-list summary  {
    list-style: none;
    padding: 25px 0;
    display: flex;
    align-items: baseline;
    gap: 18px;
    cursor: pointer;
    font-weight: 700;
}

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

.faq-list summary span  {
    color: var(--blue);
    font: 13px Arial,sans-serif;
}

.faq-list summary b  {
    margin-left: auto;
    font-size: 23px;
    color: var(--blue);
}

.faq-list details[open] summary b  {
    transform: rotate(45deg);
}

.faq-list details p  {
    padding: 0 32px 20px;
    font-size: 15px;
}

@media(max-width:760px)  {
    .faq-layout  {
        grid-template-columns: 1fr;
        gap: 35px;
    }
    .faq-list summary  {
        font-size: 14px;
        gap: 12px;
    }
}

/* Section accent palette. */
.faq-list details[open] { background: #f7f3e9; border-radius: 16px; }
.faq-list details[open] summary { padding-inline: 16px; }
