#faq {
    background: #f7f7f7;
}

    /* =========================
   OUTER: Category accordion
   ========================= */

    #faq .faq-category-title {
        background: #fff;
        border: 1px solid #e6e6e6;
        border-top: 1px solid #e6e6e6; /* quiet when closed */
        margin-top: 14px;
    }

        #faq .faq-category-title:first-of-type {
            margin-top: 0;
        }

        /* Top orange bar ONLY when category is open */
        #faq .faq-category-title:has(> .accordion-header > .accordion-button:not(.collapsed)) {
            border-top: 3px solid #f28c28;
        }

    #faq .faq-category-button {
        background: #fff;
        color: #1f1f1f;
        font-size: 1.05rem;
        padding: 1rem 1.25rem;
        box-shadow: none !important;
        border-radius: 0 !important;
        font-weight: 500; /* category baseline */
    }

        /* When CLOSED, calm it down a bit (still bold) */
        #faq .faq-category-button.collapsed {
            color: #2a2a2a;
            opacity: 0.9;
        }

        /* When OPEN: bold title + subtle shade */
        #faq .faq-category-button:not(.collapsed) {
            background: #fafafa;
            font-weight: 600; /* OPEN category title should be bolder */
        }

        #faq .faq-category-button:focus {
            box-shadow: none !important;
        }

    #faq .faq-category-body {
        padding: 0;
        background: #fff;
    }

    /* Slightly quieter chevron for categories */
    #faq .faq-category-button::after {
        pointer-events: none;
        opacity: 0.25;
        transform: scale(0.8);
    }

    #faq .faq-category-button:hover::after {
        opacity: 0.45;
    }

    /* =========================
   INNER: Questions accordion
   ========================= */

    #faq .faq-inner-accordion {
        padding: 0.5rem 0.75rem 0.9rem;
        background: transparent;
    }

        #faq .faq-inner-accordion .accordion-item {
            border: 0 !important;
            background: transparent;
            margin: 0;
            border-radius: 0 !important;
        }

    /* Base question button (open + closed) */
    #faq .accordion-button.faq-question {
        background: transparent;
        color: #2f2f2f;
        font-size: 0.95rem;
        font-weight: 400 !important; /* questions NOT bold */
        line-height: 1.65;
        padding: 0.85rem 1.25rem;
        box-shadow: none !important;
        border: 0 !important;
        border-bottom: 1px solid #f1f1f1 !important;
        border-radius: 0 !important;
    }

        #faq .accordion-button.faq-question:focus {
            box-shadow: none !important;
        }

        #faq .accordion-button.faq-question.collapsed:hover {
            background: #fbfbfb;
        }

    /* Answer body */
    #faq .faq-inner-accordion .accordion-body {
        padding: 1rem 1.25rem 1.15rem;
        font-size: 0.95rem;
        font-weight: 400 !important;
        line-height: 1.65;
        color: #3a3a3a;
        background: transparent;
        border-radius: 0 !important;
    }

    /* =========================
   OPEN STATE: One single card
   ========================= */

    /* Entire open Q+A becomes one card */
    #faq .faq-inner-accordion .accordion-item:has(> .accordion-collapse.show) {
        background: #fff;
        border: 1px solid #ececec !important;
        border-left: 3px solid #ff8a00 !important;
        box-shadow: 0 3px 10px rgba(0,0,0,0.06);
        margin: 0.75rem 0;
        overflow: hidden;
        border-radius: 0 !important;
    }

        /* Open question inside card (still NOT bold) */
        #faq .faq-inner-accordion .accordion-item:has(> .accordion-collapse.show)
        .accordion-button.faq-question:not(.collapsed) {
            background: #fff;
            color: #2f2f2f;
            font-weight: 400 !important;
            border-bottom: 1px solid #f3f3f3 !important;
        }

        /* Open answer matches same card background */
        #faq .faq-inner-accordion .accordion-item:has(> .accordion-collapse.show) .accordion-body {
            background: #fff;
            margin: 0;
            border: 0;
        }

    /* Kill any old shadow on collapse wrapper */
    #faq .faq-inner-accordion .accordion-collapse.show {
        box-shadow: none !important;
    }

    /* =========================
   CHEVRONS: quieter overall
   ========================= */

    #faq .accordion-button::after {
        pointer-events: none;
        opacity: 0.35;
        transform: scale(0.85);
    }

    /* Closed question chevrons extra quiet */
    #faq .accordion-button.faq-question.collapsed::after {
        opacity: 0.15;
    }

    #faq .accordion-button.faq-question.collapsed:hover::after {
        opacity: 0.35;
    }

    #faq .accordion-button.faq-question:not(.collapsed)::after {
        opacity: 0.6;
    }

    /* =========================
   NO RADIUS ANYWHERE
   ========================= */

    #faq .accordion-item,
    #faq .accordion-button,
    #faq .accordion-collapse,
    #faq .accordion-body {
        border-radius: 0 !important;
    }

        /* =========================
   Bootstrap override safety
   (prevents Bootstrap from making active buttons bold)
   ========================= */

        #faq .accordion-button:not(.collapsed) {
            color: inherit; /* keep color controlled by our selectors */
        }