/* Fleet design-parity overlay — remaps examnoovertimetax design system to fleet flagship tokens (abwex standard: dark #0a0a0a, teal #2DD4BF, Space Mono display + IBM Plex Sans body, 1100px, 8px radius). Loaded AFTER the hashed _slug_ bundles so it wins the cascade without touching generated CSS. */
:root{
  --bg:#0a0a0a;
  --bg-tint:#0d0d0d;
  --surface:#141414;
  --surface-sunken:#0f0f0f;
  --border:#2a2a2a;
  --border-strong:#3a3a3a;
  --border-header:#222;
  --border-footer:#222;
  --ink:#f5f5f5;
  --text:#e8e8e8;
  --muted:#9ca3af;
  --faint:#737b85;
  --brand:#2DD4BF;
  --brand-600:#14B8A6;
  --brand-700:#0d9488;
  --brand-tint:rgba(45,212,191,.08);
  --gold:#F97316;
  --positive:#22C55E;
  --positive-tint:rgba(34,197,94,.08);
  --info:#3B82F6;
  --warning:#EAB308;
  --warning-tint:rgba(234,179,8,.08);
  --danger:#EF4444;
  --danger-tint:rgba(239,68,68,.08);
  --font-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --font-display:"Space Mono",ui-monospace,monospace;
  --font-mono:"Space Mono",ui-monospace,"SF Mono",Menlo,monospace;
}
html{color-scheme:dark;background:#0a0a0a;}
body{background:#0a0a0a;color:#e8e8e8;font-family:var(--font-sans);}
h1,h2,h3,h4,.brand,.eyebrow,.footer-h,.money,.tnum{font-family:var(--font-display);}
h1,h2,h3,h4{color:#f5f5f5;letter-spacing:-.01em;}
/* Header / nav */
.site-header{background:rgba(10,10,10,.92);border-bottom:1px solid #222;}
.site-header a,.nav-links a{color:#c9ced4;}
.nav-links a:hover,.site-header a:hover{color:#2DD4BF;}
.brand,.brand a{color:#f5f5f5;}
.dot{background:#2DD4BF;}
/* Cards, callouts, result panel */
.card,.calc-card,.result,.mini-result,.faq,.faq-item,.grid-cards>*{background:#141414;border:1px solid #2a2a2a;border-radius:8px;}
.section--tint{background:#0d0d0d;}
.calc-card{box-shadow:none;}
/* Result panel — headline figure teal, decluttered */
.result{border-color:rgba(45,212,191,.25);}
.result .money,.result .big,.result [class*=headline]{color:#2DD4BF;}
/* Forms */
.field,.input,.input--money,label.field{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;color:#e8e8e8;}
.input:focus,.input--money:focus,.field:focus-within{border-color:#2DD4BF;outline:none;box-shadow:0 0 0 2px rgba(45,212,191,.18);}
.btn--primary{background:#2DD4BF;border-color:#2DD4BF;color:#06251f;font-family:var(--font-display);font-weight:700;}
.btn--primary:hover{background:#14B8A6;border-color:#14B8A6;}
.btn--ghost{background:transparent;border:1px solid #2a2a2a;color:#e8e8e8;}
.btn--ghost:hover{border-color:#2DD4BF;color:#2DD4BF;}
.segmented{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;}
.segmented button,.segmented [role=radio]{color:#9ca3af;}
.segmented [aria-pressed=true],.segmented [aria-checked=true],.segmented .active{background:#141414;color:#2DD4BF;border-color:#2a2a2a;}
/* Tables & math lines — kill light backgrounds */
table{background:#141414;color:#e8e8e8;}
table th,thead th{background:#0f0f0f;color:#9ca3af;}
table td,table th{background:transparent;color:#e8e8e8;border-bottom:1px solid #1e1e1e;}
table tbody tr:nth-child(even) td{background:#101010;}
td,th,table td,table th,.example-table td,.example-table th,table[data-astro-cid-djsdcwwy] td,table[data-astro-cid-djsdcwwy] th{background:transparent !important;color:#e8e8e8 !important;}
table,.example-table,table[data-astro-cid-djsdcwwy]{background:#141414 !important;}
thead th,table thead th,.example-table thead th{color:#9ca3af;}
td[style],th[style]{background:transparent !important;}
table .cell,table span,table div{color:inherit;}
.math{border-color:#2a2a2a;background:#0f0f0f;color:#e8e8e8;}
.math span{color:inherit;}
/* Forms — dark inputs */
.input,.input--money,.prefix,.input-wrap input{background:#0f0f0f !important;color:#e8e8e8 !important;border:1px solid #2a2a2a;}
.input::placeholder,.input--money::placeholder{color:#5f6771;}
.input-wrap{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;}
.input-wrap:focus-within{border-color:#2DD4BF;box-shadow:0 0 0 2px rgba(45,212,191,.18);}
/* Checkboxes: visible affordance */
input[type=checkbox]{accent-color:#2DD4BF;width:1.05rem;height:1.05rem;}
/* Kill any remaining white patches */
.surface,.bg-white,[class*=light]{background:transparent;}
mark{background:rgba(45,212,191,.15);color:#2DD4BF;}
/* Callouts */
.callout--info{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.35);}
.callout--warning{background:rgba(234,179,8,.08);border-color:rgba(234,179,8,.35);}
.callout--danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.35);}
/* Prose, links, badges, footer */
a{color:#2DD4BF;}
a:hover{color:#5eead4;}
.prose p,.prose li{color:#c9ced4;}
.muted,.faint,.source-stamp,.disclaimer{color:#9ca3af;}
.eyebrow{color:#2DD4BF;}
.badge{border:1px solid #2a2a2a;background:#0f0f0f;color:#9ca3af;}
.badge--live{color:#22C55E;border-color:rgba(34,197,94,.4);}
.verified,.verdict{color:#22C55E;}
.caveat,.hint{color:#9ca3af;}
.site-footer{background:#0a0a0a;border-top:1px solid #222;color:#9ca3af;}
.site-footer a{color:#c9ced4;}
.site-footer a:hover{color:#2DD4BF;}
.skip-link:focus{background:#2DD4BF;color:#06251f;}
::selection{background:rgba(45,212,191,.3);}
/* Declutter: kill duplicated "Before annual limits…" sub-line in result panel */
.result .sub,.result p.sub{display:none;}

/* Polish pass: input affordance + table density */
input,select,textarea{border:1px solid #3a3a3a !important;background:#0f0f0f !important;color:#e8e8e8 !important;}
input:focus,select:focus{border-color:#2DD4BF !important;}
td,th{padding-top:12px;padding-bottom:12px;}

/* W-4 page: interactive illustration panel (was light cream) */
.w4-demo,.illustration,[class*="demo"],[class*="illustration"],[class*="example-panel"],[class*="paycheck"]{background:#141414 !important;color:#e8e8e8 !important;}
.w4-demo *,.illustration *,[class*="demo"] *,[class*="illustration"] *{color:#e8e8e8 !important;}
.w4-demo h2,.illustration h2,[class*="demo"] h2,[class*="illustration"] h2{color:#f5f5f5 !important;}
.w4-demo p,.illustration p,[class*="demo"] p,[class*="illustration"] p,.w4-demo label,.illustration label,[class*="demo"] label,[class*="illustration"] label{color:#b8b8b8 !important;}

/* Anchor pill buttons (on-this-page nav) — dark chips, not white */
main a[href^="#"],.toc a,.toc-link,nav[aria-label="On this page"] a{background:#1a1a1a !important;color:#2DD4BF !important;border:1px solid #2a2a2a !important;}
main a[href^="#"]:hover{background:#222 !important;border-color:#2DD4BF !important;}