:root { --bg:#fdfdfc; --fg:#1d1d1f; --mute:#6b6b70; --link:#0b5fff; --rule:#e4e4e0; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#141416; --fg:#e8e8ea; --mute:#8d8d95; --link:#7aa8ff; --rule:#2a2a2e; }
}
* { box-sizing: border-box; }
body { margin:0 auto; max-width:40rem; padding:1.5rem 1rem 4rem; background:var(--bg); color:var(--fg);
  font:1.0625rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
a { color:var(--link); }
header { display:flex; justify-content:space-between; align-items:baseline; padding-bottom:1rem; margin-bottom:2rem; border-bottom:1px solid var(--rule); }
.brand { font-weight:700; font-size:1.2rem; text-decoration:none; color:var(--fg); }
nav a { margin-left:1.25rem; text-decoration:none; }
h1 { font-size:1.8rem; line-height:1.25; margin:0 0 .25rem; }
time { color:var(--mute); font-size:.9rem; }
.tagline { color:var(--mute); }
.posts { list-style:none; padding:0; }
.posts li { display:flex; justify-content:space-between; gap:1rem; padding:.5rem 0; border-bottom:1px solid var(--rule); }
pre { overflow-x:auto; padding:1rem; background:color-mix(in srgb, var(--fg) 7%, var(--bg)); border-radius:6px; font-size:.9rem; }
code { font-family:ui-monospace,Consolas,monospace; }
img { max-width:100%; height:auto; }
footer { margin-top:4rem; padding-top:1rem; border-top:1px solid var(--rule); color:var(--mute); font-size:.85rem; }