:root { --fg:#24292f; --muted:#6b7280; --bg:#fdfdfc; --rule:#e5e7eb; --link:#2c5aa0; }
* { box-sizing:border-box; }
body { margin:0 auto; padding:2.5rem 1.25rem 4rem; max-width:42rem; background:var(--bg);
  color:var(--fg); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
header { border-bottom:1px solid var(--rule); padding-bottom:1rem; margin-bottom:2rem; }
h1 { margin:0 0 .35rem; font-size:1.4rem; letter-spacing:-.01em; }
nav { font-size:.9rem; color:var(--muted); }
a { color:var(--link); text-decoration:none; }
a:hover { text-decoration:underline; }
.lede { color:var(--muted); margin-bottom:2.25rem; }
article { margin-bottom:2.25rem; }
article h2 { font-size:1.08rem; margin:0 0 .2rem; }
.meta { color:var(--muted); font-size:.82rem; margin:0 0 .6rem; }
code { background:#f3f4f6; padding:.1em .35em; border-radius:3px; font-size:.9em; }
ul { padding-left:1.15rem; }
li { margin-bottom:.35rem; }
footer { border-top:1px solid var(--rule); margin-top:2.5rem; padding-top:1rem;
  color:var(--muted); font-size:.85rem; }
@media (prefers-color-scheme: dark) {
  :root { --fg:#d7dae0; --muted:#9aa1ab; --bg:#15171a; --rule:#2b2f36; --link:#7aa2df; }
  code { background:#22262c; }
}