@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;1,6..72,400&family=Public+Sans:ital,wght@0,400;0,600;1,400&display=swap');

:root {
    --font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
    --font-sans: 'Public Sans', 'Segoe UI', system-ui, sans-serif;
}

html, body {
    font-family: var(--font-sans);
    background: var(--bg);
    background-image: none;
    color: var(--ink);
}

::selection { background: #E0C9B0; color: #1C1915; }

.hero h1, h1, h2, .topbar-brand, .intro-screen h2, .question-text,
.section-title, .article-card h3, .tool-card h3, .preview-header h2,
.results-header h2, .paywall h2, .cta-block h2, .cta h2,
.footer-brand-name, .page-header h1, .content h2 {
    font-family: var(--font-serif);
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.025em;
}

.hero h1 em, h1 em { font-style: italic; font-weight: 400; }

.hero-eyebrow, .eyebrow, .progress-category, .preview-eyebrow,
.results-eyebrow, .paywall-eyebrow, .section-label, .tool-badge,
.compare-item-label, .footer-col h4, .related h3, .preview-trait-label,
.trait-label, .preview-career-teaser-label, .preview-sneak-kicker {
    font-family: var(--font-serif);
    font-style: italic;
    font-weight: 400;
    letter-spacing: 0;
}

.hero-stat-number, .stat-number, .preview-trait-score, .trait-score,
.paywall-price, .preview-cta-price, .career-chip-pct, .how-number {
    font-family: var(--font-serif);
    font-weight: 400;
}

.topbar {
    background: var(--bg);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.topbar-brand::before { content: none; display: none; }
.topbar-nav a { padding: 0; border-radius: 0; }
.topbar-nav a:hover { background: none; text-decoration: underline; text-underline-offset: 3px; }

.container, .content, .paywall-content, .cta, .cta-block, .preview-cta,
.career-suggestions, .tool-card, .how-card, .compare-item,
.preview-career-teaser, .preview-sneak, .option, .btn, .btn-dark,
.cookie-btn, .hero-btn, .cta-btn, .career-pill, .career-pill-pay,
.preview-badge, .preview-locked-badge, .milestone-inner, .trait-tip,
.paywall-note, .article-card, .related a, .page .content {
    border-radius: 0;
    box-shadow: none;
}

.option-number, .paywall-eyebrow::before,
.progress-bar-fill, .preview-bar, .preview-bar-fill,
.trait-bar, .trait-bar-fill, .career-chip-bar, .career-chip-bar-fill {
    border-radius: 0;
}

.preview-cta h3, .cta h2, .cta-block h2, .career-suggestions-title { color: #F6E4D4; }
.preview-cta .btn-dark,
.cta .cta-btn,
.cta-btn--career {
    background: #FBF7EE;
    color: var(--accent);
}

.hero-btn--secondary {
    background: transparent;
    border: 1px solid var(--ink);
    color: var(--ink);
    border-radius: 0;
}
.hero-btn--secondary:hover { background: var(--ink); color: var(--surface); }

.paywall-blur-bg { background: rgba(246, 241, 230, 0.88); }
.preview-locked-overlay { background: rgba(251, 247, 238, 0.62); }
.preview-fade { background: linear-gradient(to bottom, transparent 0%, transparent 20%, var(--surface) 80%); }

.cookie-banner {
    background: var(--surface);
    border-radius: 0;
    box-shadow: none;
}

.tools-grid { gap: 0; border-top: 1px solid var(--border); }
.tool-card, .tool-card:last-child {
    background: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid var(--border);
    padding: 28px 28px 28px 0;
}
.tool-card:last-child { padding-left: 28px; padding-right: 0; border-right: none; }
.article-card h3:hover,
.tool-card:hover h3 { text-decoration: underline; text-underline-offset: 4px; }

.related a {
    padding: 0;
    border: none;
    background: none;
    margin-bottom: 7px;
}
.related a:hover { background: none; color: var(--accent); text-decoration: underline; }

@media (max-width: 768px) {
    .tool-card, .tool-card:last-child {
        padding-left: 0;
        padding-right: 0;
        border-right: none;
    }
}