:root{--fg:#222;--muted:#666;--bg:#fbfaf8;--rule:#e3e0da;--link:#1f4e79}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:18px/1.65 Georgia,"Times New Roman",serif}
header,main,footer{max-width:42rem;margin:0 auto;padding:0 1.25rem}
header{padding-top:1.5rem}
.brand{margin:0;font:600 .95rem/1.2 system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.brand a{color:var(--fg);text-decoration:none}
main{padding-top:1.5rem;padding-bottom:2.5rem}
h1,h2{font-family:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.25;font-weight:600}
h1{font-size:1.9rem;margin:1rem 0 .5rem}
h2{font-size:1.15rem;margin:2rem 0 .4rem}
p,ul{margin:.6rem 0}
li{margin:.3rem 0}
a{color:var(--link)}
.meta{color:var(--muted);font-size:.9rem}
.nowrap{white-space:nowrap}
footer{border-top:1px solid var(--rule);padding-top:1rem;padding-bottom:2rem;color:var(--muted);font:.9rem/1.5 system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
footer a{color:var(--muted)}
@media (max-width:480px){body{font-size:17px}h1{font-size:1.6rem}}