/* RestoreCost tokens. Generated from build/tokens.json; do not edit by hand. */
:root {
  color-scheme: light;
  --paper: #FFFFFF;
  --tint: #F5F4F1;
  --tint-2: #EAE8E3;
  --primary: #0C0C0D;
  --primary-deep: #000000;
  --primary-soft: #FFF0A3;
  --accent: var(--ink);
  --on-primary: #FFFFFF;
  --on-primary-2: #B9B9BD;
  --ink: #0C0C0D;
  --ink-2: #45454A;
  --ink-3: #5E5E63;
  --line: #E3E1DC;
  --line-strong: #C9C6BF;
  --control-border: #85827A;
  --mark: var(--ink);
  --band-fill: #FFE45C;
  --footer: var(--ink);
  --footer-ink: #C4C4C8;
  --focus: #1F5BD8;
  --cta: #D81E10;
  --cta-deep: #B3170B;
  --on-cta: #FFFFFF;
  --alarm: #C21A0E;
  --alarm-soft: #FDECEA;
  --alarm-line: #F5C2BC;
  --fair: #0B6B53;
  --fair-soft: #E2F3EC;
  --live: #1A9E5C;
  --water: #3B8FD9;
  --water-soft: #D6E9FA;
  --cat-1: #2F80D1;
  --cat-2: #8C7A55;
  --cat-3: #4B3B2E;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 36px;
  --space-8: 56px;
  --space-section: 80px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(16,24,40,0.05), 0 1px 3px rgba(16,24,40,0.07);
  --shadow-2: 0 2px 4px -1px rgba(16,24,40,0.06), 0 14px 32px -10px rgba(16,24,40,0.20);
  --layout-page: 1180px;
  --layout-article: 720px;
  --layout-measure: 40em;
  --font-display: "Source Serif 4", "Source Serif Pro", Georgia, "Times New Roman", serif;
  --font-sans: "Libre Franklin", "Franklin Gothic Medium", "Helvetica Neue", Arial, sans-serif;
  --font-hand: Caveat, "Segoe Print", "Bradley Hand", cursive;
}
.headline-1 { font-family: var(--font-display); font-size: 52px; line-height: 55px; font-weight: 800; letter-spacing: -1px; }
.headline-2 { font-family: var(--font-display); font-size: 34px; line-height: 39px; font-weight: 700; letter-spacing: -0.3px; }
.title-card { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 700; }
.standfirst { font-family: var(--font-sans); font-size: 20px; line-height: 30px; font-weight: 400; }
.lead { font-family: var(--font-sans); font-size: 18px; line-height: 29px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 28px; font-weight: 400; }
.body-small { font-family: var(--font-sans); font-size: 15px; line-height: 23px; font-weight: 400; }
.eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 14px; font-weight: 700; letter-spacing: 1.4px; }
.title-small { font-family: var(--font-sans); font-size: 18px; line-height: 23px; font-weight: 700; }
.ui { font-family: var(--font-sans); font-size: 16px; line-height: 18px; font-weight: 700; }
.data-xl { font-family: var(--font-sans); font-size: 48px; line-height: 48px; font-weight: 800; letter-spacing: -1px; }
.data-lg { font-family: var(--font-sans); font-size: 34px; line-height: 37px; font-weight: 800; letter-spacing: -0.7px; }
.data { font-family: var(--font-sans); font-size: 15px; line-height: 18px; font-weight: 700; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.margin-note { font-family: var(--font-hand); font-size: 25px; line-height: 25px; font-weight: 700; }