/* FAQ page: readable width and separate question cards (shared --ds-* tokens; text unchanged) */
#faqList {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 880px;
    margin: 0 auto;
}

    #faqList .accordion-item {
        overflow: hidden;
        border: 1px solid var(--ds-line);
        border-radius: var(--ds-radius-card) !important;
        background: #fff;
        box-shadow: var(--ds-shadow-sm);
        transition: border-color var(--ds-ease), box-shadow var(--ds-ease);
    }

        /* Bootstrap joins the items by removing every top border but the first */
        #faqList .accordion-item:not(:first-of-type) {
            border-top: 1px solid var(--ds-line);
        }

        #faqList .accordion-item:hover {
            border-color: var(--ds-line-strong);
        }

    #faqList .accordion-button {
        gap: 12px;
        padding: 18px 22px;
        border-radius: 0 !important;
        background: #fff;
        box-shadow: none;
        color: var(--ds-ink);
        font-size: 16px;
        font-weight: 600;
        line-height: 1.4;
    }

        #faqList .accordion-button:not(.collapsed) {
            background: var(--ds-blue-soft);
            color: var(--ds-blue-dark);
        }

        #faqList .accordion-button:focus {
            box-shadow: none;
        }

        #faqList .accordion-button:focus-visible {
            outline: 0;
            box-shadow: inset 0 0 0 3px rgba(37, 169, 224, 0.35);
        }

    #faqList .accordion-body {
        padding: 16px 22px 20px;
        color: var(--ds-text);
        font-size: 15px;
        line-height: 1.7;
    }

@media (max-width: 575.98px) {
    #faqList {
        gap: 10px;
    }

        #faqList .accordion-button {
            padding: 16px;
            font-size: 15px;
        }

        #faqList .accordion-body {
            padding: 14px 16px 18px;
        }
}

@media (prefers-reduced-motion: reduce) {
    #faqList .accordion-item {
        transition: none;
    }
}