@font-face{font-family:"Fraunces";src:url("fonts/fraunces-semibold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("fonts/source-sans-3-bold.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--cream:#f6f3ea;--ink:#06292b;--muted:#45605f;--line:#d4dcd6}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:18px/1.6 "Source Sans 3",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
header{border-bottom:1px solid var(--line);padding:16px 24px}
header img{height:34px;width:auto}
main{max-width:760px;margin:0 auto;padding:48px 24px 80px}
h1,h2{font-family:"Fraunces",Georgia,serif;font-weight:600;line-height:1.2}
h1{font-size:clamp(30px,5vw,42px);margin:0 0 28px}
h2{font-size:22px;margin:36px 0 8px}
p,li{color:var(--ink)}
li{margin:4px 0}
a{color:var(--ink);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.back{display:inline-block;margin-top:40px;font-weight:700}
.todo{background:#f4e9cf;border-radius:6px;padding:0 6px}