/* Warm-paper overrides for the topic landing pages (nonverbal.html, behavior.html). Loaded after each page's own <style>. */
body { background: var(--color-bg); color: var(--color-text); font-family: var(--font-body); font-size: 15px; line-height: 1.55; }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: 400 !important; line-height: 1.12; letter-spacing: 0 !important; }

/* hero */
.hero { padding: 56px 40px 48px; gap: 48px; }
.hero-badge, .section-eyebrow, .ec-eyebrow { display: inline-flex !important; align-items: center; gap: 6px; background: var(--color-accent-2-100) !important; color: var(--color-accent-2-800) !important; border: 0 !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; padding: 4px 12px !important; border-radius: 999px !important; margin-bottom: 14px !important; }
.hero h1 { font-size: 54px !important; line-height: 1.04 !important; margin-bottom: 18px; }
.hero h1 em { color: var(--color-accent) !important; }
.hero-sub { font-size: 17px !important; color: var(--color-neutral-800) !important; }
.population-chip { background: var(--color-neutral-100) !important; color: var(--color-neutral-800) !important; border: 0 !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 600 !important; }
.hero-cta-primary, .sample-cta-btn, .pc-cta, .ec-form button { font-family: var(--font-heading) !important; font-weight: 400 !important; font-size: 15px !important; padding: 13px 28px !important; border-radius: 999px !important; background: var(--color-accent) !important; color: var(--color-bg) !important; border: 0 !important; box-shadow: none !important; transform: none !important; }
.hero-cta-primary:hover, .sample-cta-btn:hover, .pc-cta:hover, .ec-form button:hover { background: var(--color-accent-600) !important; }
.hero-cta-secondary { font-family: var(--font-heading) !important; font-weight: 400 !important; font-size: 15px !important; padding: 12px 22px !important; border: 1px solid var(--color-divider) !important; border-radius: 999px !important; color: var(--color-text) !important; }
.sample-cta-btn.secondary, .pc-cta.outline { background: transparent !important; color: var(--color-text) !important; border: 1px solid var(--color-divider) !important; }
.sample-cta-btn.secondary:hover, .pc-cta.outline:hover { background: var(--color-surface) !important; }

/* visuals / mock cards */
.hero-visual, .charts-visual, .sample-report-mock, .nv-assess-card, .pricing-card, .faq-item { background: var(--color-surface) !important; border: 0 !important; border-radius: var(--radius-xl) !important; }
.hero-visual { box-shadow: var(--shadow-md); }
.visual-header h4, .charts-visual h4, .report-header-row h4 { font-size: 17px !important; color: var(--color-text) !important; }
.visual-badge, .report-badge, .nv-type-tag { background: var(--color-neutral-100) !important; color: var(--color-neutral-800) !important; border-radius: 999px !important; letter-spacing: .04em !important; }
.nv-type-tag.purple, .nv-type-tag.teal { background: var(--color-accent-100) !important; color: var(--color-accent-800) !important; }
.visual-bar-track { background: var(--color-bg) !important; border-radius: 999px !important; height: 18px !important; }
.visual-bar-fill { border-radius: 999px !important; color: var(--color-bg) !important; }
.visual-bar-fill.teal, .visual-bar-fill.purple { background: var(--color-accent-2-500) !important; }
.visual-bar-fill.orange { background: var(--color-accent-500) !important; }
.visual-mean { background: var(--color-text) !important; opacity: .35 !important; }
.visual-narrative, .report-narrative, .chart-col { background: var(--color-bg) !important; border: 0 !important; border-radius: var(--radius-md) !important; color: var(--color-neutral-900) !important; }
.visual-narrative .hl { background: var(--color-accent-2-100) !important; color: var(--color-accent-2-900) !important; }
.mini-bar span { color: var(--color-bg) !important; }
.report-scores-table td.score-val { font-family: var(--font-heading) !important; color: var(--color-text) !important; }
.report-scores-table th { color: var(--color-neutral-700) !important; border-bottom: 1px solid var(--color-text) !important; }
.report-field .value { color: var(--color-text) !important; }
.comparison-header { color: var(--color-neutral-700) !important; border-bottom: 1px solid var(--color-text) !important; }
.comparison-row { border-bottom: 1px solid var(--color-divider) !important; }
.comparison-row span:last-child.yes { color: var(--color-accent-2-800) !important; }

/* sections */
.section-title { font-size: 34px !important; }
.section-subtitle, .why-point p, .nv-card p, .pricing-inner p, .final-cta p, .sample-cta p, .faq-a { color: var(--color-neutral-800) !important; }
.why-section, .pricing-section { background: var(--color-surface) !important; }
.why-section .charts-visual, .why-section .nv-assess-card, .pricing-section .pricing-card { background: var(--color-bg) !important; }
.why-point-icon { background: var(--color-accent-100) !important; border-radius: 50% !important; }
.why-point h4, .nv-card h3 { font-size: 18px !important; color: var(--color-text) !important; }
.nv-assess-card:hover { transform: none !important; box-shadow: var(--shadow-md) !important; }
.nv-abbr { font-size: 26px !important; color: var(--color-text) !important; }
.nv-card-link { color: var(--color-accent) !important; font-family: var(--font-heading) !important; }
.pricing-card.featured { background: var(--color-accent-100) !important; box-shadow: var(--shadow-md); }
.pricing-card.featured .pc-name { color: var(--color-text) !important; }
.pc-name { font-size: 18px !important; }
.pc-price { font-size: 34px !important; }
.pc-features li::before { background-color: transparent !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2356633f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important; }
.faq-q { font-size: 17px !important; }
.faq-q .toggle-icon { color: var(--color-neutral-700) !important; }
.final-cta h2 { font-size: 40px !important; }
.divider hr { background: var(--color-divider) !important; }

/* email capture */
.email-capture { background: var(--color-accent-2-200) !important; border: 0 !important; }
.email-capture h2 { font-size: 32px !important; }
.email-capture .ec-sub { color: var(--color-accent-2-900) !important; }
.ec-form input[type="email"] { background: var(--color-bg) !important; border: 1px solid var(--color-divider) !important; border-radius: 999px !important; color: var(--color-text) !important; }
.ec-msg.success { color: var(--color-accent-2-800) !important; }
.ec-msg.error { color: var(--color-error) !important; }

@media (max-width: 900px) { .hero h1 { font-size: 38px !important; } .section-title { font-size: 28px !important; } .final-cta h2 { font-size: 30px !important; } }