:root{--bg:#f3f4f8;--ink:#0e1220;--muted:#5a6377;--accent:#e8294f;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0a0d14;--ink:#f2f4f8;--muted:#97a0b3;--accent:#ff4d6d;color-scheme:dark}}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif;
  padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(40px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
main{max-width:68ch;margin:0 auto}
h1{font-size:34px;line-height:1.1;margin:18px 0 6px}
h2{font-size:19px;margin:28px 0 6px}
.meta{color:var(--muted);font-size:14px}
a{color:var(--accent)}
li{margin:4px 0}