/* ════════════════════════════════════════════════════════════════════════════ mfc-calc.css — V37.7 The shared surface for /calculators/*: the page base (tokens, nav, footer) and the calculator UI itself. WHY THIS IS A SHARED FILE when every other page on this site carries its own inline base: these seven pages are the same page seven times over — the same nav, the same input column, the same result panel, the same chart. V36.6 measured the site's inline CSS and found almost no identical rules ACROSS pages, which is why it was left in place; here the rules are identical by construction, so one file is the honest form. It is linked BEFORE mfc-finish.css on every calculator page, so the shared dark palette and the site-wide field / tap-target rules still win where they are meant to. Tokens are the site's: this file defines the LIGHT values exactly as the tool pages do, and mfc-finish.css flips them for dark. Semantic inks (--ink-pos / --ink-neg / --data-*) come from that file and are AA-measured there, so nothing here hardcodes a light-theme colour on a themed surface. ════════════════════════════════════════════════════════════════════════════ */ :root{ --ink:#f0f5ff;--ink2:#ffffff;--ink3:#e4eeff; --white:#0c1831; --accent:#1a50d8;--accent2:#2563eb;--accent3:#3b82f6; --gold:#d97706;--teal:#0891b2;--green:#059669;--red:#dc2626; --text:#0c1831;--text2:#1e3a5f;--text3:#475569; --border:rgba(37,99,235,0.10);--border2:rgba(37,99,235,0.20); --r:16px;--r-sm:10px;--r-lg:22px; --shadow-sm:0 1px 2px rgba(15,23,42,0.04); } *,*::before,*::after{ box-sizing:border-box; margin:0; padding:0; } html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; } body{ background:var(--ink); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Arial,sans-serif; font-size:15px; line-height:1.65; overflow-x:hidden; -webkit-font-smoothing:antialiased; } body::before{ content:''; position:fixed; inset:0; pointer-events:none; z-index:0; background:radial-gradient(ellipse 900px 600px at 72% -10%,rgba(37,99,235,0.08) 0%,transparent 60%), radial-gradient(ellipse 520px 420px at 4% 22%,rgba(45,212,191,0.05) 0%,transparent 60%); } h1,h2,h3,h4{ font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Arial,sans-serif; font-weight:700; letter-spacing:-.02em; line-height:1.15; color:var(--white); } a{ color:inherit; text-decoration:none; } .wrap{ max-width:1180px; margin:0 auto; padding:0 28px; position:relative; z-index:1; } @media (max-width:600px){ .wrap{ padding:0 18px; } } /* ── NAV (identical to the tool pages, so the masthead does not move between them) ── V37.7: `body > nav`, never a bare `nav` — these pages have a SECOND