.home-faq-modern {
    background-color: #ffffff; /* Matches the clean white background */
    font-family: var(--font-02); /* Update to match your site's font */
}

/* --- Container & Item Borders --- */
.custom-accordion {
    border-top: 1px solid #e66d4e; /* Adds the top line above the first item */
}

.custom-faq-item {
    border: none;
    border-bottom: 1px solid #e66d4e; /* Adds the divider line between items */
    background-color: transparent !important;
    border-radius: 0 !important; /* Removes Bootstrap's default rounded corners */
}

/* --- Question Button Styling --- */
.custom-faq-button {
    background-color: transparent !important; /* Removes active blue background */
    color: #e66d4e !important;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 25px 0; /* Flush left/right, generous vertical padding */
    box-shadow: none !important; /* Removes blue glow outline on click */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Hide the default Bootstrap SVG chevron */
.custom-faq-button::after {
    display: none !important;
}

.faq-question-text {
    padding-right: 20px;
    line-height: 1.4;
}

/* --- Custom Plus/Minus Icon --- */
.faq-icon-wrapper {
    position: relative;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: 300; /* Thin plus/minus symbol */
    color: #e66d4e;
}

/* Closed state (+) */
.custom-faq-button.collapsed .faq-icon-wrapper::before {
    content: '+';
}

/* Open state (-) */
.custom-faq-button:not(.collapsed) .faq-icon-wrapper::before {
    content: '-';
    transform: translateY(-2px); /* Slight optical alignment tweak for minus sign */
}

/* --- Answer Body Styling --- */
.custom-faq-body {
    color: #e66d4e;
    padding: 0 0 30px 0; /* Flush left/right, padding only on bottom */
    font-size: 1.05rem;
    line-height: 1.7;
    background-color: transparent;
    opacity: 0.9; /* Slightly softer than the heading */
}

/* Target internal paragraphs generated by the rich text editor */
.custom-faq-body p {
    margin-bottom: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .custom-faq-button {
        font-size: 1.1rem;
        padding: 20px 0;
    }
    .custom-faq-body {
        font-size: 1rem;
    }
}