/* The Founder Toolkit pages in the product's language (2026-10-15, WEB-20).
   Loaded after each tool's own <style>, so it only restyles: serif for
   titles, sans for the interface, mono for labels and numbers, white with
   one accent. Every id the calculators write into is untouched. The colour
   values in each page were remapped to the same palette in the same change. */

:root {
  --serif: 'Instrument Serif', Georgia, serif;
  --mono: 'Geist Mono', ui-monospace, SFMono-Regular, monospace;
  --font: 'Geist', ui-sans-serif, system-ui, -apple-system, sans-serif;
}
body { font-family: var(--font); }

/* Labels: lowercase-friendly mono instead of spaced capitals */
.hlbl, .tool-kicker, .strat-k, .kpi-l, .res-label, .verdict-k, .in-sep, .tag, .pstep-n,
.in-box-tag, .outcome-l, .lane-who, .ba-cell .l, .nav-dropdown-label, .footer-col h4,
table.intro-tbl th, table.sc th, .math div b, .side-t, .sec-label, .section-label,
.card-label, .stat-label, .kicker, .eyebrow, th {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-family: var(--mono);
  font-weight: 500;
}

/* Titles in the serif */
.htitle, .tool-title, .pstep-t, .strat-t, .cta-title, .verdict-t, .primer-title,
.outcome-v, h1, h2 {
  font-family: var(--serif);
  font-weight: 400 !important;
  letter-spacing: -0.005em;
}
.kpi-v, .ba-cell .v, table.sc td, table.intro-tbl td.save { font-family: var(--mono); font-weight: 500; }

/* Header: the wordmark, the toolkit menu, Pricing, About, then Sign in and Sign up */
.site-nav { border-bottom-color: #e8e8e6; }
.nav-brand-name { font-family: var(--serif); font-size: 26px; font-weight: 400; line-height: 1; color: #0b0b0c; }
.nav-links { gap: 40px; }
.nav-link, .nav-dropdown-btn { font-size: 15px; font-weight: 400; color: #3a3a40; }
.nav-link:hover, .nav-dropdown-btn:hover { color: #0b0b0c; }
.nav-actions { display: flex; align-items: center; gap: 24px; }
.nav-signin { font-size: 15px; color: #3a3a40; text-decoration: none; }
.nav-signin:hover { color: #0b0b0c; }
.nav-cta { background: #0b0b0c; color: #fff; border-radius: 999px; font-weight: 500; min-height: 44px;
  display: inline-flex; align-items: center; justify-content: center; }
.nav-cta:hover { background: #2b2b30; }
.nav-dropdown-label { color: #6b6b72; font-size: 13px; }
.nav-dropdown-item { display: block; }
.nav-dropdown-item:hover { background: #f7f7f5; }
.nav-dropdown-item-title { font-weight: 500; color: #0b0b0c; }
@media (max-width: 768px) { .nav-actions .nav-signin { display: none; } }

/* Hero: white, one serif title, the sources in one mono line */
.hero { background: #fff !important; padding: 64px 24px 24px !important; }
.hero::before, .hero::after { display: none !important; }
.hlbl { color: #6b6b72 !important; font-size: 13px; }
.htitle { color: #0b0b0c !important; font-size: clamp(40px, 6vw, 68px) !important; line-height: 1.02 !important; }
.htitle em, .htitle span { color: #0b0b0c !important; }
.hsub { color: #2b2b30 !important; font-size: 18px; line-height: 1.55; max-width: 680px; }
.hmeta { gap: 4px 20px; font-family: var(--mono); }
.mp { background: none !important; border: 0 !important; padding: 0 !important; border-radius: 0; color: #6b6b72 !important; font-size: 13px; }

/* Cards: fine rules, no shadows or washes */
.primer { background: #fff; border-color: #e8e8e6; box-shadow: none; }
.primer-icon { background: #0b0b0c; font-family: var(--serif); }
.primer-title { font-size: 22px; }
.tool { border-color: #e8e8e6; border-radius: 20px; }
.tool-num, .strat-n { border-radius: 999px; font-family: var(--mono); font-weight: 500; }
.tool-title { font-size: 30px; line-height: 1.1; }
.pstep-t { font-size: 26px; line-height: 1.15; }
.strat-t { font-size: 22px; line-height: 1.15; }
.strat:hover, .strat.on { box-shadow: none; border-color: #0b0b0c; background: #fff; }
.verdict { border-left-width: 2px; background: #fafaf9; }
.verdict-t { font-size: 24px; line-height: 1.2; }
.cta-box, .mini-cta { border-radius: 24px; }
.cta-title { font-size: 30px; line-height: 1.1; }
.cta-link-solid, .mini-cta a.solid { background: #fff; color: #0b0b0c; border-radius: 999px; }
.cta-link-solid:hover, .mini-cta a.solid:hover { background: #f7f7f5; }
.cta-link-ghost, .mini-cta a.ghost { border-radius: 999px; }

/* Footer: white with fine rules */
.site-footer { background: #fff !important; color: #3a3a40; border-top: 1px solid #e8e8e6; }
.footer-brand-name { color: #0b0b0c !important; font-family: var(--serif); font-size: 26px; font-weight: 400; }
.footer-brand p, .footer-col h4 { color: #6b6b72 !important; }
.footer-col a { color: #3a3a40 !important; }
.footer-col a:hover { color: #0b0b0c !important; }
.footer-cta { background: #fff !important; color: #0b0b0c !important; border: 1px solid #e8e8e6; border-radius: 999px; font-weight: 500; }
.footer-cta:hover { border-color: #0b0b0c; }
.footer-bottom { text-align: left; border-top-color: #e8e8e6 !important; color: #6b6b72 !important; }

/* A hover preview on the valuation guide sits past the right edge; never let it widen the page */
html, body { overflow-x: clip; }

/* Tags and kickers: plain mono words, the accent only where something changed */
.tag { background: none !important; padding: 0 !important; color: #6b6b72 !important; font-size: 12px; }
.tag.changed { color: #0e7a5e !important; }
.strat-k, .tool-kicker { color: #6b6b72 !important; font-size: 12px; }