:root{--navy:#384e70;--olive:#afb648;--olive-ink:#6f7520;--paper:#f4f6f9;--surface:#fff;--ink:#18243a;--muted:#56637a;--line:#dde3ec}
@media (prefers-color-scheme:dark){:root{--paper:#0f1726;--surface:#16213a;--ink:#e7ecf3;--muted:#a3b0c4;--line:#26344d;--olive-ink:#c3ca5c;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Source Sans 3","Helvetica Neue",Arial,system-ui,sans-serif;font-size:1.0625rem;line-height:1.65;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
main{max-width:720px;margin:0 auto;padding-block:48px 80px}
h1,h2{font-family:"Archivo","Helvetica Neue",Arial,sans-serif;font-variation-settings:"wdth" 112;line-height:1.1}
h1{font-size:clamp(2rem,6vw,2.8rem);font-weight:800;margin:24px 0 28px}
h2{font-size:1.2rem;font-weight:750;margin:32px 0 8px}
p{margin:0 0 12px}
a{color:var(--navy)}
@media (prefers-color-scheme:dark){a{color:var(--olive)}}
.back{font-weight:700;text-decoration:none}
.todo{background:color-mix(in srgb,var(--olive) 22%,var(--surface));border:1px solid var(--olive);border-radius:12px;padding:14px 18px;color:var(--ink)}
.stand{color:var(--muted);margin-top:32px}