:root { --fg:#22272b; --bg:#fbfbf9; --muted:#6b7378; --rule:#e3e3df; }
* { box-sizing:border-box; }
body { margin:0 auto; padding:2.5rem 1.25rem 4rem; max-width:40rem;
  font:16px/1.65 Georgia, "Times New Roman", serif; color:var(--fg); background:var(--bg); }
header { border-bottom:1px solid var(--rule); padding-bottom:1rem; margin-bottom:2rem; }
h1 { font-size:1.6rem; margin:0 0 .4rem; letter-spacing:.01em; }
h2 { font-size:1.15rem; margin:2rem 0 .5rem; }
nav, footer { font-size:.9rem; color:var(--muted); }
a { color:#2f5d7c; }
a:hover { color:#1d3f57; }
ul { padding-left:1.1rem; }
footer { border-top:1px solid var(--rule); margin-top:3rem; padding-top:1rem; }
@media (prefers-color-scheme: dark) {
  :root { --fg:#dcdcd6; --bg:#16191c; --muted:#8a9296; --rule:#2b3034; }
  a { color:#89b4d0; } a:hover { color:#a9cbe2; }
}