@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/assets/fonts/figtree-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url(/assets/fonts/figtree-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{
  --paper:#F4F1EA;--ink:#25346D;--ink-2:rgba(37,52,109,.74);--line:rgba(37,52,109,.16);--blue:#4545FE;
  --sans:'Figtree',system-ui,sans-serif;--gut:clamp(20px,3.4vw,48px)
}
*{box-sizing:border-box;margin:0}
html,body{min-height:100%;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
body{min-height:100svh;display:flex;flex-direction:column}
header{padding:calc(18px + env(safe-area-inset-top)) var(--gut) 0}
.logo{display:block;width:clamp(120px,10vw,150px);color:var(--blue)}
.logo svg{width:100%;height:auto;display:block}
main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:clamp(48px,8vw,104px) var(--gut) clamp(56px,8vw,104px)}
h1{font-weight:500;font-size:clamp(2.4rem,5.4vw,4rem);line-height:1;letter-spacing:-.045em}
.updated{margin-top:14px;color:var(--ink-2)}
.lede{margin-top:clamp(28px,4vw,44px);padding:clamp(20px,2.6vw,28px);border-radius:14px;background:#FCF3CD;font-size:clamp(1.08rem,1.4vw,1.22rem);line-height:1.5;text-wrap:pretty}
h2{margin-top:clamp(36px,4.6vw,52px);padding-top:clamp(20px,2.4vw,26px);border-top:1px solid var(--line);font-weight:500;font-size:clamp(1.3rem,2vw,1.6rem);letter-spacing:-.03em;line-height:1.15}
p,li{color:var(--ink-2);font-size:clamp(1rem,1.2vw,1.08rem);line-height:1.6;text-wrap:pretty}
h2+p,p+p,p+ul,ul+p{margin-top:12px}
ul{padding-left:1.2em}li+li{margin-top:6px}
b{color:var(--ink);font-weight:500}
a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--blue)}
.back{display:inline-block;margin-top:clamp(40px,5vw,56px);font-weight:500;text-decoration:none}
.back:hover{text-decoration:underline}
footer{padding:24px var(--gut) calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--ink-2);font-size:14px}
