/* Native accordion: no library, no account/payment behavior. */
.home-faq {
    width: 100%;
    max-width: 820px;
    min-width: 0;
    margin-inline: auto;
    gap: 20px;
}

.home-faq .section-title h2 {
    font-size: clamp(25px, 4.5vw, 34px);
    line-height: 1.15;
    white-space: normal;
    letter-spacing: .015em;
}

.home-faq .faq-item {
    border-bottom-color: rgba(179, 207, 163, .2);
    scroll-margin-top: 24px;
}

.home-faq .faq-item summary {
    padding: 22px 0;
    font-size: clamp(18px, 2.5vw, 22px);
    line-height: 1.3;
}

.home-faq .faq-item p {
    color: #cbd2c7;
    font-size: clamp(16px, 2vw, 18px);
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.home-faq .faq-item strong { color: #f0f4ec; }
.home-faq a { color: #a7dc79; text-underline-offset: 3px; }

.home-faq .faq-plus {
    position: relative;
    width: 24px;
    height: 24px;
    color: #a7dc79;
    transform: none;
}

.home-faq .faq-plus::before,
.home-faq .faq-plus::after {
    content: "";
    position: absolute;
    inset: 11px 4px;
    border-radius: 2px;
    background: currentColor;
}
.home-faq .faq-plus::after { transform: rotate(90deg); }
.home-faq .faq-item[open] .faq-plus { transform: none; }
.home-faq .faq-item[open] .faq-plus::after { display: none; }

.home-faq summary:focus-visible,
.home-faq a:focus-visible,
.arena-chat__author[href]:focus-visible {
    outline: 2px solid #a7dc79;
    outline-offset: 4px;
    border-radius: 4px;
}

/* The guide's name opens its explanation in the last FAQ answer. */
.arena-chat__author[href] {
    color: inherit;
    font-weight: 700;
    text-decoration: underline dotted;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}