/* Main container for the answer text */
.ai-answer-text {
    line-height: 1.8;
    font-size: 15px; /* Slightly larger for better readability */
    color: #333; /* A darker, more readable text color */
}

    /* === Block Elements: Headings, Paragraphs, HR === */
    .ai-answer-text h4 {
        font-weight: 600;
        margin-top: 2.5rem;
        margin-bottom: 1.5rem;
        border-bottom: 1px solid #e7eaec;
        padding-bottom: 10px;
        color: #1ab394; /* Inspinia's primary green for headings */
    }

    .ai-answer-text p {
        /* margin-bottom: 1rem; */
    }

    .ai-answer-text hr {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    /* === List Styling - THE COMPLETE FIX === */

    /* Reset all lists to have no default styling */
    .ai-answer-text ul,
    .ai-answer-text ol {
        list-style: none;
        padding-left: 0;
        margin-bottom: 1rem;
    }

    /* Style for ALL list items to create a hanging indent */
    .ai-answer-text li {
        position: relative; /* Crucial for positioning the custom bullet */
        padding-left: 25px; /* Creates space for the custom bullet */
        margin-bottom: 1rem; /* Space between items */
    }

        /* Custom styling for the markers (the numbers and bullets) */
        .ai-answer-text li::before {
            position: absolute;
            left: 0;
            top: 0;
            font-weight: 600;
            color: #1c84c6; /* Inspinia's secondary blue for main markers */
        }

    /* Automatic numbering for ORDERED lists */
    .ai-answer-text ol {
        counter-reset: list-counter;
    }

        .ai-answer-text ol > li::before {
            counter-increment: list-counter;
            content: counter(list-counter) ".";
        }

    /* Custom bullet for UNORDERED lists */
    .ai-answer-text ul > li::before {
        content: "•";
        font-size: 1.2em; /* Make the bullet slightly larger */
        top: -2px; /* Adjust vertical alignment */
    }

    /* --- THIS IS THE MOST IMPORTANT PART: STYLING NESTED LISTS --- */

    /* Target a UL that is inside an LI (a sub-list) */
    .ai-answer-text li ul {
        margin-top: 1rem; /* Add space above the sub-list */
        padding-left: 20px; /* Indent the sub-list further */
    }

        /* Style the bullets for the sub-list differently */
        .ai-answer-text li ul li::before {
            content: "–"; /* Use an en-dash for sub-bullets */
            color: #676a6c; /* Use a more muted color */
            font-weight: bold;
            top: -1px;
        }

    /* === Inline Elements === */
    .ai-answer-text strong {
        font-weight: 600;
        color: #333; /* Make it bold and dark, not blue */
    }