*,*::before,*::after{box-sizing:border-box}
body{margin:0;font:16px/1.65 "Figtree",system-ui,sans-serif;background:#F6F3EE;color:#16130F}
@media (prefers-color-scheme:dark){body{background:#0C0D10;color:#F5F5F7}a{color:#7FB0FF}.todo{background:#3a2d05;color:#ffd666}}
main{max-width:720px;margin:0 auto;padding:28px 20px 80px}
a{color:#1F6BF0}
h1{font:800 clamp(30px,7vw,42px)/1.1 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em;margin:18px 0 6px}
h2{font:800 20px "Bricolage Grotesque",system-ui,sans-serif;margin:30px 0 6px}
p,li{color:inherit}
.back{display:inline-block;margin-bottom:6px;text-decoration:none;font-weight:700}
.todo{background:#FFF1BF;color:#5a4300;padding:1px 6px;border-radius:6px;font-weight:700}
.small{font-size:14px;opacity:.75}