:root { --fg:#1f2a1f; --mut:#5b6b5b; --bg:#f7faf5; --line:#d5e0d2; --accent:#2f6b3a; }
@media (prefers-color-scheme: dark) {
  :root { --fg:#e6efe6; --mut:#9aab9a; --bg:#121812; --line:#2a352a; --accent:#7cbc85; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.65 Georgia,"Times New Roman",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:22px; margin:0; font-weight:normal; letter-spacing:-0.01em; }
nav a { color:var(--mut); text-decoration:none; margin-left:18px; font-size:14px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
nav a:hover { color:var(--accent); }
h2 { font-size:18px; margin:32px 0 10px; font-weight:normal; }
p { margin:0 0 14px; }
.mut { color:var(--mut); }
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;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.date { color:var(--mut); font-size:13px; font-variant-numeric:tabular-nums; margin-right:8px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.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; }