/* ERD universal schema v1 (2026-11-05). Loaded LAST on every static page so it wins.
   One source for type, spacing, alignment and the logo. Edit here, never per page.
   TYPE: Montserrat 700 for headings (sentence case); Atkinson Hyperlegible 400/700 for everything else.
   SCALE (phone -> desktop): eyebrow 12px caps; body 17px; lead 18px; h2 22-26px; h1 32-44px.
   SPACING: one 8px rhythm. --s1 8, --s2 12, --s3 16, --s4 24, --s5 32, --s6 48, --s7 64 (px).
   ALIGNMENT: everything left-aligned, ragged right. One left edge per card. One indent level (lists only).
   MEASURE: body text max 62 characters; lead max 52. */
:root{
  --deep:#0D2861;--paper:#FAF7EF;--ink:#10131A;--brass:#DDA551;--shadow:#816243;--light:#E2D9AB;--hi:#FEFECA;
  --display:Montserrat,Helvetica,Arial,sans-serif;
  --text:"Atkinson Hyperlegible",system-ui,sans-serif;
  --s1:.5rem;--s2:.75rem;--s3:1rem;--s4:1.5rem;--s5:2rem;--s6:3rem;--s7:4rem;
  --gutter:clamp(1rem,4.5vw,2rem);
  --card-pad:clamp(1.25rem,5vw,2.25rem);
  --logo:clamp(4.5rem,20vw,6rem);
  --bleed:0px;
}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--text);font-size:1.0625rem;line-height:1.65;background:var(--deep)}
/* page frame */
.wrap,.container{max-width:46rem;margin:0 auto;padding:clamp(2rem,8vw,4.5rem) var(--gutter) var(--s7)}
.container{background:transparent;border:0;padding-top:clamp(2rem,8vw,4.5rem)}
/* logo: same size, same place, every page */
img.logo{display:block;width:var(--logo);height:var(--logo);margin:0 0 var(--s4)}
/* header on the blue field */
header{margin-bottom:var(--s5)}
.eyebrow,.badge{font-family:var(--text);font-size:.75rem;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0}
h1{font-family:var(--display);font-weight:700;font-size:clamp(2rem,8.5vw,2.75rem);line-height:1.15;letter-spacing:-.01em;margin:var(--s2) 0 var(--s3);text-wrap:balance}
h2{font-family:var(--display);font-weight:700;font-size:clamp(1.375rem,5.5vw,1.625rem);line-height:1.25;margin:var(--s1) 0 0;text-wrap:balance}
.lead{font-size:1.125rem;line-height:1.6;max-width:52ch;margin:0}
.home{font-size:.9375rem}
/* paper cards: one left edge, same padding everywhere */
section,.page{padding:var(--card-pad);margin:0 0 var(--s4);border-top:3px solid var(--brass)}
.stub{width:4.5rem;height:3px;background:var(--brass);margin:var(--s2) 0 var(--s4)}
.body{font-size:1.0625rem;line-height:1.65;max-width:62ch}
.body p,.page p{margin:0 0 var(--s3)}
.body ul,.body ol{margin:0 0 var(--s3);padding-left:1.25rem}
.body li{margin-bottom:var(--s1)}
/* the interest page card */
.container{color:var(--ink)}
.container>*{max-width:62ch}
main.container{background:var(--paper);border-top:3px solid var(--brass);padding:var(--card-pad);margin-top:clamp(2rem,8vw,4.5rem)}
/* buttons: one shape */
.btn{font-family:var(--text);font-weight:700;font-size:1.0625rem;border-radius:2px;padding:.85rem 1.4rem}
/* phones */
/* the question pages of the intake use a smaller h1 */
.page h1{font-size:clamp(1.5rem,6.2vw,1.85rem);line-height:1.25}
/* ONE LEFT EDGE: header text on the blue field lines up with the text inside the paper cards */
header,.wrap>.top,.wrap>.foot{padding-left:calc(var(--card-pad) - var(--bleed));padding-right:calc(var(--card-pad) - var(--bleed))}
/* phones: cards bleed half the gutter so the reading line is longer */
@media (max-width:480px){
  :root{--bleed:calc(var(--gutter) * 0.5)}
  section,.page,main.container{margin-left:calc(var(--bleed) * -1);margin-right:calc(var(--bleed) * -1)}
}