:root { --ink:#1a1a1a; --soft:#555; --rule:#ddd; --bg:#fbfaf7; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink);
  font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; }
.wrap { max-width:38rem; margin:0 auto; padding:3rem 1.25rem 5rem; }
h1 { font-size:1.6rem; line-height:1.25; margin:0 0 .25rem; letter-spacing:-.01em; }
h2 { font-size:1.05rem; margin:2.25rem 0 .5rem; }
.sub { color:var(--soft); margin:0 0 2rem; font-size:.95rem; }
p, li { color:#222; }
ul { padding-left:1.15rem; }
li { margin:.35rem 0; }
a { color:#0a58ca; }
hr { border:0; border-top:1px solid var(--rule); margin:2.5rem 0; }
footer { color:var(--soft); font-size:.875rem; }
code { background:#efece5; padding:.1em .35em; border-radius:3px; font-size:.9em; }
@media (prefers-color-scheme: dark) {
  :root { --ink:#e9e9e9; --soft:#9a9a9a; --rule:#333; --bg:#141414; }
  p, li { color:#ddd; } a { color:#7fb0ff; } code { background:#252525; }
}