: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); }

.related-posts{ margin-top:40px; padding-top:24px; border-top:1px solid var(--line); }
.related-posts h2{ font-size:1.1rem; margin-bottom:14px; }
.related-posts ul{ list-style:none; margin:0; padding:0; }
.related-posts li{ margin-bottom:10px; font-size:.92rem; line-height:1.4; }

.post-nav{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-top:32px;
  padding-top:20px;
  border-top:1px solid var(--line);
  font-size:.92rem;
}
.post-nav a{ text-decoration:none; font-weight:600; max-width:48%; }
.nav-next{ text-align:right; margin-left:auto; }