:root {
  color-scheme: light dark;
  --bg:#fafafa; --fg:#1a1a1a; --muted:#666; --accent:#2b5fb8; --card-bg:#fff; --border:#e2e2e2;
}
@media (prefers-color-scheme: dark) {
  :root { --bg:#14161a; --fg:#e8e8e8; --muted:#9a9a9a; --accent:#7aa7ff; --card-bg:#1e2126; --border:#2c2f36; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; line-height:1.6; }
.wrap { max-width:760px; margin:0 auto; padding:2rem 1.25rem 4rem; }
nav { margin-bottom:1.5rem; }
nav a { color:var(--accent); text-decoration:none; font-size:.95rem; }
nav a:hover { text-decoration:underline; }
h1 { margin:0 0 .25rem; font-size:1.9rem; }
h2 { margin-top:2rem; font-size:1.3rem; border-bottom:1px solid var(--border); padding-bottom:.4rem; }
.subtitle { color:var(--muted); margin-top:0; }
.meta { color:var(--muted); font-size:.9rem; }
.blog-grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); margin-top:1.5rem; }
.blog-card { display:block; padding:1.25rem; border:1px solid var(--border); border-radius:10px; background:var(--card-bg); text-decoration:none; color:inherit; }
.blog-card:hover { box-shadow:0 4px 14px rgba(0,0,0,.08); }
.blog-card h2 { border:none; margin:0 0 .35rem; padding:0; font-size:1.1rem; }
ul.post-list, ul.page-list { list-style:none; padding:0; margin:.75rem 0; }
ul.post-list li, ul.page-list li { display:flex; justify-content:space-between; gap:1rem; padding:.6rem 0; border-bottom:1px solid var(--border); }
ul.post-list a, ul.page-list a { color:var(--fg); text-decoration:none; font-weight:500; }
ul.post-list a:hover, ul.page-list a:hover { color:var(--accent); }
.date { color:var(--muted); font-size:.85rem; white-space:nowrap; }
.c-count { margin-left:.5rem; }
article img, .content img, video { max-width:100%; height:auto; }
.content { margin-top:1rem; }
.comments { margin-top:1rem; }
.comment { padding:.75rem 0; border-top:1px solid var(--border); }
.comment.reply { margin-left:1.5rem; }
.c-meta { margin:0; font-size:.85rem; color:var(--muted); }
.c-body { margin-top:.25rem; }