@font-face{font-family:"SA Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2')}
/* Shared public-page palette: white canvas, near-black type, blue actions. */
:root{--paper:#fff;--ink:#020617;--muted:#64748b;--line:#e2e8f0;--sage:#f7f8fa;--accent:#2563eb;--copper:#2563eb;--dark:#f8fafc;--sans:"SA Inter",Inter,Arial,sans-serif;--serif:"SA Inter",Inter,Arial,sans-serif}
body{background:#fff;color:#020617;font-family:var(--sans)}
h1,h2,h3,.hero h1,.card h3{font-family:var(--sans);font-weight:800;letter-spacing:-.055em}
.site-head,.story-header{background:#fff;border-color:#e2e8f0;box-shadow:none}
.cta,.story-button{background:#020617;color:#fff;border-color:#020617;border-radius:10px;box-shadow:none}
.cta:hover,.story-button:hover{background:#1e293b}
.site-head .cta,.story-header>.story-button{background:linear-gradient(110deg,#2563eb,#0ea5e9);border-color:transparent}
.hero{min-height:0;padding-block:64px;background:#fff}
.hero h1{font-size:clamp(44px,5.8vw,76px);line-height:1.06}
.drawing{color:#94a3b8}
.drawing circle{fill:#2563eb}
.answer,.sources{background:#f8fafc;border-color:#e2e8f0}
.card{border-color:#e2e8f0}
.proof{background:#f8fafc;color:#020617;border:1px solid #e2e8f0;border-radius:16px}
.proof .visual{background:#eef4ff;border-color:#dbeafe}
.proof .visual img{object-fit:contain;background:#eef4ff}
.proof h3,.proof li{color:#334155}
.proof li{border-color:#e2e8f0}
.proof li:before{color:#2563eb}
.proof .label{color:#64748b}
.next,.story-invitation{background:#f8fafc;color:#020617;border:1px solid #e2e8f0;border-radius:16px}
.next em,.story-invitation em{color:#2563eb}
.story-invitation .story-kicker,.story-invitation>div>p:not(.story-kicker){color:#64748b}
.story-invitation .story-button{background:#020617;color:#fff;border-color:#020617}
.story-invitation .story-button:hover{background:#1e293b}
.story-art{--art-fill:#dbeafe;--art-accent:#2563eb;color:#64748b;background:#eff6ff}
.art-elevation,.art-layers{--art-fill:#dbeafe;--art-accent:#2563eb;color:#64748b;background:#eff6ff}
.story-text-link,.topic-links a{color:#2563eb}
@media(max-width:800px){.hero{padding-block:42px}.hero h1{font-size:clamp(40px,10vw,58px)}}
footer>div{flex-wrap:wrap}
@media(max-width:600px){footer{padding-inline:7%}.site-head{margin-inline:5%}.site-head .cta{white-space:nowrap}.story-footer nav{flex-wrap:wrap}}