:root { --fg:#24292f; --mut:#57606a; --bg:#fff; --line:#d8dee4; --accent:#0969da; }
@media (prefers-color-scheme: dark) {
  :root { --fg:#e6edf3; --mut:#9198a1; --bg:#0d1117; --line:#30363d; --accent:#4493f8; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.wrap { max-width:720px; margin:0 auto; padding:48px 20px 64px; }
header { border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:32px;
  display:flex; flex-wrap:wrap; gap:16px; align-items:baseline; justify-content:space-between; }
h1 { font-size:20px; margin:0; letter-spacing:-0.01em; }
nav a { color:var(--mut); text-decoration:none; margin-left:18px; font-size:14px; }
nav a:hover { color:var(--accent); }
h2 { font-size:17px; margin:32px 0 10px; }
p { margin:0 0 14px; }
.mut { color:var(--mut); }
code { background:rgba(127,127,127,.14); padding:1px 5px; border-radius:4px; font-size:13px; }
ul { padding-left:20px; } li { margin-bottom:6px; }
footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line);
  color:var(--mut); font-size:13px; }
.date { color:var(--mut); font-size:13px; font-variant-numeric:tabular-nums; margin-right:8px; }
.post { margin-bottom:18px; }
.post a { color:var(--fg); text-decoration:none; font-weight:600; }
.post a:hover { color:var(--accent); }
.post p { margin:4px 0 0; color:var(--mut); font-size:15px; }