:root{--bg:#eef1f3;--sheet:#fbfcfc;--ink:#18212d;--muted:#5d6a78;--rule:#d5dce3;--accent:#2343a3;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#11161d;--sheet:#18202a;--ink:#e6ebf0;--muted:#97a4b2;--rule:#2b3643;--accent:#8fa8f2;color-scheme:dark}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;padding:32px max(16px,env(safe-area-inset-left,0px)) 56px max(16px,env(safe-area-inset-right,0px))}
main{max-width:720px;margin:0 auto;background:var(--sheet);border:1px solid var(--rule);border-radius:12px;padding:24px clamp(16px,4vw,40px)}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:2rem;margin:.2em 0 0}
h2{font-size:1.1rem;margin:1.8em 0 .4em}
.meta,.back{color:var(--muted);font-size:.9rem;margin:0}
a{color:var(--accent)}
ul{padding-left:1.2em}
li{margin:.3em 0}