@import url('/css/report-seo.css');

body.report-seo-v2 {
    --font-display: 'Overlock', 'Overlock Fallback', Georgia, 'Times New Roman', serif;
    --font-body: 'Source Serif 4', Georgia, 'Times New Roman', serif;
}

/* Header-on-light skin centralised in components.css: body:is(.report-seo-v2, …) .header */

.report-seo-page .hero {
    padding-top: calc(var(--header-height) + var(--space-3xl));
}

.report-seo-page :is(.header-title, .hero h1, .stat-value, .features h2, .market-context h2, .cta-section h2, .related h2) {
    font-family: var(--font-display);
}

.report-seo-page :is(.cta-button-inline, .cta-button) {
    font-family: var(--font-body);
}

.report-seo-page .cta-section.on-dark :is(h1, h2, h3, h4, h5, h6) {
    color: var(--cream) !important;
}

body.report-seo-v2 .footer {
    background: var(--olive-dark);
    padding: var(--space-4xl) var(--space-2xl) var(--space-2xl);
    color: rgba(250, 247, 242, 0.7);
    text-align: initial;
}

body.report-seo-v2 .footer p {
    color: inherit;
}

@media (max-width: 640px) {
    body.report-seo-v2 .header {
        padding: var(--space-md);
    }
}