@font-face{font-family:Archivo;src:url("fonts/archivo-variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3-variable.ttf") format("truetype");font-style:normal;font-weight:200 900;font-display:swap}
:root{
 --color-ink:#1e3033;--color-text:#30484b;--color-muted:#526a6d;--color-brand:#164d4a;--color-brand-dark:#103b39;--color-cyan:#d4e4df;--color-paper:#ffffff;--color-surface:#edf2f1;--color-line:#cbd8d5;--color-preview:#e0eae7;
 --em-paper:#ffffff;--em-ink:#1e3033;--em-blue:#164d4a;--em-muted:#526a6d;--em-line:#cbd8d5;--em-sun:#f0c84b;--em-mint:#d4e4df;
 --font-body:"Source Sans 3",Arial,sans-serif;--font-display:Archivo,Arial,sans-serif;--font-mono:Consolas,"Courier New",monospace;
 --font-small:.875rem;--font-body-size:1.0625rem;--font-heading:clamp(2rem,3.7vw,3rem);
 --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;
 --radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sheet:none;--container-width:80rem;
 /* Shared responsive thresholds: navigation 1150px, columns 900px, phone 640px. */
 --breakpoint-tablet:900px;--breakpoint-mobile:640px;
}