:root{
  --ink:#1b1b1b;
  --paper:#fdfdfb;
  --line:#e6e3dd;
  --accent:#2f5d50;
  --muted:#6b6a66;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.55;
}
.site-header{ border-bottom:1px solid var(--line); padding:18px 20px; }
.logo{ font-weight:700; font-size:1.15rem; color:var(--ink); text-decoration:none; }
.wrap{ max-width:680px; margin:0 auto; padding:32px 20px 60px; }
.post-card{ padding:22px 0; border-bottom:1px solid var(--line); }
.post-card h2{ margin:0 0 6px; font-size:1.3rem; line-height:1.3; }
.post-card h2 a{ color:var(--ink); text-decoration:none; }
.post-card h2 a:hover{ color:var(--accent); }
.post-date{ color:var(--muted); font-size:.85rem; margin:0 0 8px; }
.post-excerpt{ margin:0; color:#3a3a38; }
.post-full h1{ font-size:1.9rem; line-height:1.25; margin-bottom:4px; }
.post-content p{ margin:0 0 1.1em; }
.empty{ color:var(--muted); }
.pagination{ display:flex; gap:16px; align-items:center; justify-content:center; margin-top:24px; font-size:.9rem; }
.pagination a{ color:var(--accent); text-decoration:none; font-weight:600; }
.site-footer{ text-align:center; color:var(--muted); font-size:.8rem; padding:20px; border-top:1px solid var(--line); }
a{ color:var(--accent); }