.faq-page .info-hero {
    width: min(980rem, calc(100% - 2 * var(--dt-pad)));
    margin: 0 auto;
    padding: 96rem 0 44rem;
}
.faq-page .info-hero h1 { margin-top: 12rem; }
.faq-list {
    width: min(980rem, calc(100% - 2 * var(--dt-pad)));
    margin: 0 auto 110rem;
    display: grid;
    gap: 14rem;
}
.faq-list details {
    border: 1rem solid var(--dt-line);
    border-radius: var(--dt-radius);
    background: var(--dt-white);
    box-shadow: 0 16rem 44rem rgba(45, 30, 15, 0.08);
}
.faq-list summary {
    cursor: pointer;
    padding: 24rem 28rem;
    color: var(--dt-ink);
    font-size: 22rem;
    font-weight: 900;
}
.faq-list p {
    padding: 0 28rem 26rem;
    color: var(--dt-muted);
}
.faq-section { background: var(--dt-cream); }
.faq-section__inner { max-width: 1180rem; }
.faq-section .section-heading { margin-right: auto; margin-left: auto; text-align: center; }
.faq-section .section-heading .wysiwyg-content { color: var(--dt-muted); font-size: 19rem; }
.faq-list { width: 100%; margin-bottom: 0; }
.faq-list details { box-shadow: none; }
.faq-list summary {
    position: relative;
    padding: 27rem 72rem 27rem 30rem;
    list-style: none;
    font-size: 21rem;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary::after {
    content: '+';
    position: absolute;
    top: 50%;
    right: 28rem;
    width: 30rem;
    height: 30rem;
    display: grid;
    place-items: center;
    border: 1rem solid var(--dt-line);
    border-radius: 50%;
    color: var(--dt-accent);
    font-size: 24rem;
    line-height: 1;
    transform: translateY(-50%);
}
.faq-list details[open] summary::after { content: '−'; }
.faq-list__answer { padding: 0 72rem 30rem 30rem; color: var(--dt-muted); }
.faq-list__answer p { padding: 0; }
@media (max-width: 600px) {
    .faq-list summary { padding: 22rem 58rem 22rem 20rem; font-size: 18rem; }
    .faq-list summary::after { right: 18rem; }
    .faq-list__answer { padding: 0 20rem 24rem; }
}
