/**
 * FAQ page – section/container spacing matches Find Your Bet (and leagues).
 * Questions: bold. Answers: regular body font.
 */

/* Section and container – same padding as find-your-bet-section (find-your-bet.css) */
section.faq-section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: var(--color-light, #f8f9fa);
}

.faq-section > .container {
    padding-top: 48px;
    padding-bottom: 48px;
}

.faq-section__title {
    font-family: var(--font-family-heading, 'Montserrat'), system-ui, sans-serif;
    font-size: clamp(1.75rem, 4vw, 2.25rem);
    font-weight: 700;
    color: var(--color-primary, #0d1b2a);
    margin: 0 0 var(--spacing-xl, 32px);
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg, 24px);
    max-width: 800px;
}

.faq-item {
    margin: 0;
    padding: 0;
}

.faq-item__question {
    font-family: var(--font-family-body, 'Inter'), system-ui, sans-serif;
    font-size: var(--font-size-base, 16px);
    font-weight: 700;
    color: var(--color-primary, #0d1b2a);
    line-height: 1.5;
    margin: 0 0 var(--spacing-sm, 8px);
}

.faq-item__answer {
    font-family: var(--font-family-body, 'Inter'), system-ui, sans-serif;
    font-size: var(--font-size-base, 16px);
    font-weight: 400;
    color: var(--color-primary, #0d1b2a);
    line-height: 1.6;
    margin: 0;
}