/* Main wrapper for the FAQ section to scope styles and prevent conflicts */
.faq-wrapper {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}

/* --- Accordion Customization --- */
/* Style for each accordion item (the container for a Q&A pair) */
.accordion-item {
    border: 1px solid #e9ecef !important;
    border-radius: 8px !important;
    margin-bottom: 1rem;
    overflow: hidden; /* Ensures the border-radius is respected by children */
}

/* Remove the default border between items when they are stacked */
.accordion-item:first-of-type,
.accordion-item:last-of-type {
    border-radius: 8px !important;
}

/* Style for the clickable question button */
.accordion-button {
    font-weight: 600;
    font-size: 1.05em;
    color: #2d3748;
    background-color: #f8f9fa;
}

/* Remove the default blue focus outline for a cleaner look */
.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

/* Style for the button when the answer is SHOWN (not collapsed) */
.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #6366f1; /* Consistent with pricing modal accent color */
    box-shadow: none;
}

/* Customize the expand/collapse icon color for when the answer is SHOWN */
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Style for the answer content area */
.accordion-body {
    padding: 1.25rem;
    background-color: #fff;
}

/* --- End Accordion Customization --- */

/* Highlight style for important text like 'No. Never.' */
.highlight {
    font-weight: 700;
    color: #e53e3e;
}

/* Paragraph styling within an answer */
.accordion-body p {
    margin-bottom: 1rem;
}
.accordion-body p:last-child {
    margin-bottom: 0;
}

/* Unordered list styling within an answer */
.accordion-body ul {
    margin-top: 5px;
    margin-bottom: 1rem;
    padding-left: 20px;
}

/* List item styling within an answer */
.accordion-body li {
    margin-bottom: 8px;
}

/* Styling for the final note at the bottom of the FAQ */
.footer-note {
    margin-top: 40px;
    padding: 25px;
    background-color: #ebf8ff;
    border-radius: 8px;
    text-align: center;
    border: 1px solid #bee3f8;
}

/* Paragraph styling within the footer note */
.footer-note p {
    margin: 5px 0;
    color: #2b6cb0;
    font-size: 1.1em;
    font-weight: 600;
}