:root { --bg:#ffffff; --fg:#1d2330; --muted:#5b6475; --accent:#1f5fbf; --line:#e3e6ec; }
@media (prefers-color-scheme: dark) { :root { --bg:#12151b; --fg:#e7eaf0; --muted:#a2aab8; --accent:#7fb0ff; --line:#2a2f3a; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
header { display:flex; justify-content:space-between; align-items:baseline; border-bottom:1px solid var(--line); padding-bottom:12px; margin-bottom:24px; flex-wrap:wrap; gap:8px; }
header a.brand { font-weight:700; font-size:20px; color:var(--fg); text-decoration:none; }
nav a { margin-left:16px; color:var(--muted); text-decoration:none; } nav a:hover { color:var(--accent); }
h1 { font-size:28px; margin:0 0 4px; } h2 { font-size:19px; margin:28px 0 8px; }
.meta { color:var(--muted); font-size:14px; margin-bottom:24px; }
a { color:var(--accent); }
footer { margin-top:48px; padding-top:12px; border-top:1px solid var(--line); color:var(--muted); font-size:14px; }
a.button { display:inline-block; background:var(--accent); color:var(--bg); text-decoration:none; font-weight:600; padding:12px 24px; border-radius:8px; }
a.button:hover { filter:brightness(1.1); }
a.button small { display:block; font-weight:400; font-size:14px; }
code { font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; background:var(--line); padding:1px 4px; border-radius:4px; }
code.hash { word-break:break-all; }