:root { color-scheme: light dark; --bg:#fbfbfc; --fg:#1c1e21; --mut:#5a6069; --line:#e5e7eb; --acc:#2b6cb0; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#15171b; --fg:#e8eaed; --mut:#9aa0a8; --line:#2a2e35; --acc:#7aa7d9; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.65 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.wrap { max-width:680px; margin:0 auto; padding:48px 24px 64px; }
header { display:flex; gap:20px; align-items:baseline; border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:32px; flex-wrap:wrap; }
header .name { font-weight:600; letter-spacing:-.01em; }
nav a { color:var(--mut); text-decoration:none; margin-right:16px; font-size:.94rem; }
nav a:hover, nav a.on { color:var(--fg); }
h1 { font-size:1.55rem; font-weight:600; letter-spacing:-.015em; margin:0 0 .6rem; }
h2 { font-size:1.05rem; font-weight:600; margin:2rem 0 .5rem; }
p { margin:0 0 1rem; color:var(--mut); }
ul { padding-left:1.15rem; color:var(--mut); }
li { margin-bottom:.4rem; }
a { color:var(--acc); }
time { color:var(--mut); font-size:.88rem; }
.entry { padding:14px 0; border-bottom:1px solid var(--line); }
.entry:last-child { border-bottom:0; }
.entry a { text-decoration:none; font-weight:500; }
.entry a:hover { text-decoration:underline; }
footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--line); color:var(--mut); font-size:.88rem; }
code { background:rgba(128,128,128,.14); padding:.12em .38em; border-radius:4px; font-size:.9em; }