:root{--bg:#FFF8EC;--ink:#1E2A24;--muted:#56635C;--forest:#0B4F3C;--line:#E6DCC6;color-scheme:light}
@media (prefers-color-scheme: dark){:root{--bg:#0E1F19;--ink:#EEF4EF;--muted:#A9BDB2;--forest:#08382A;--line:#264036;color-scheme:dark}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Nunito Sans','Segoe UI',system-ui,sans-serif;font-size:17px;line-height:1.65}
header{background:var(--forest);color:#FFF8EC;padding:16px max(16px,env(safe-area-inset-right,0px)) 16px max(16px,env(safe-area-inset-left,0px))}
header a{color:#FFF8EC;font-weight:800;text-decoration:none}
main{max-width:720px;margin:0 auto;padding:32px max(16px,env(safe-area-inset-right,0px)) 64px max(16px,env(safe-area-inset-left,0px))}
h1,h2{font-family:'Fredoka','Trebuchet MS',sans-serif;line-height:1.2}
h1{font-size:2rem;margin:0 0 6px}
h2{font-size:1.25rem;margin:32px 0 8px}
p,li{color:var(--muted)}
.updated{font-size:.9rem}

/* former inline styles */