:root { --fg: #1f2328; --muted: #656d76; --bg: #fdfcfa; --link: #0b5cad; --rule: #e6e2da; }
@media (prefers-color-scheme: dark) {
  :root { --fg: #e6e1d9; --muted: #9a958c; --bg: #1a1917; --link: #7fb0e8; --rule: #33312d; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.65 Georgia, "Iowan Old Style", serif; }
main, header, footer { max-width: 680px; margin: 0 auto; padding: 0 16px; }
header { padding-top: 48px; padding-bottom: 8px; }
header a { color: var(--fg); text-decoration: none; font-weight: bold; font-size: 1.15rem; }
header p { margin: 4px 0 0; color: var(--muted); font-size: .95rem; }
h1 { font-size: 1.7rem; line-height: 1.25; margin: 32px 0 4px; }
h2 { font-size: 1.2rem; margin: 32px 0 8px; }
a { color: var(--link); }
.meta { color: var(--muted); font-size: .9rem; margin: 0 0 24px; }
ul.posts { list-style: none; padding: 0; }
ul.posts li { padding: 14px 0; border-bottom: 1px solid var(--rule); }
ul.posts time { display: block; color: var(--muted); font-size: .85rem; }
pre { background: rgba(127,127,127,.1); padding: 12px; overflow-x: auto; font-size: .85rem; border-radius: 4px; }
code { font-family: ui-monospace, Menlo, Consolas, monospace; }
footer { color: var(--muted); font-size: .85rem; padding-top: 48px; padding-bottom: 48px; }