.faq-page-main .container {
    padding-top: 2rem; /* Add some space below fixed header */
    padding-bottom: 4rem;
}

.faq-section {
    margin-bottom: 5rem;
}

.faq-section h2 {
    /* Using h2 styles from typography-modern.css */
    margin-bottom: 2rem; /* Increased bottom margin for section titles */
    padding-bottom: 1rem;
    border-bottom: 1px solid #ddd;
}

.faq-item {
    margin-bottom: 2rem;
}

.faq-item h3 {
    /* Using h3 styles from typography-modern.css */
    /* font-weight: 500; /* Already in typography-modern.css */
    font-size: 1.25rem; /* Slightly smaller than default h3 if needed, or use h4 style */
    margin-bottom: 0.75rem;
}

.faq-item p {
    line-height: 1.7;
    color: #333; /* Slightly lighter than default black for readability */
    margin-bottom: 1em; /* Space between paragraphs within an answer */
}

.faq-item p:last-child {
    margin-bottom: 0;
}

/* Specific styling for the "Fees & Pricing" section's list */
.faq-section#fees-pricing .faq-item ul {
    list-style: none;
    padding-left: 0;
    margin-top: 0.5rem; /* Space between paragraph and list */
    margin-bottom: 1em;
}

.faq-section#fees-pricing .faq-item li {
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    position: relative;
}

.faq-section#fees-pricing .faq-item li::before {
    content: "\2022"; /* Bullet character */
    color: #000; /* Or your brand color */
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
    position: absolute;
    left: 0.5rem;
}

/* Ensure page header from base/typography is styled as expected */
.faq-page-main .page-header {
    margin-bottom: 3rem; /* Or adjust as needed */
}