/* ── BLOG (matches site design system) ── */
.blog-grid { display:grid; gap:var(--space-8); grid-template-columns:1fr; margin-top:var(--space-10); }
@media(min-width:700px){ .blog-grid{ grid-template-columns:repeat(2,1fr); } }
@media(min-width:1100px){ .blog-grid{ grid-template-columns:repeat(3,1fr); } }
.blog-card { display:flex; flex-direction:column; padding:var(--space-6); border:1px solid var(--t8);
  border-radius:var(--radius-xl); background:var(--color-surface-2); border-top:3px solid var(--color-primary);
  transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out); }
.blog-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.blog-card-meta { display:flex; align-items:center; gap:var(--space-3); margin-bottom:var(--space-4); }
.blog-tag { font-size:var(--text-xs); font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:#FAF6F1; background:var(--color-forest); padding:3px 10px; border-radius:var(--radius-full); }
.blog-date { font-size:var(--text-xs); color:var(--color-text-muted); letter-spacing:.05em; }
.blog-card h3 { font-family:var(--font-display); font-size:var(--text-lg); font-weight:400;
  line-height:1.25; margin-bottom:var(--space-3); }
.blog-card h3 a { color:var(--color-text); text-decoration:none; transition:color .2s; }
.blog-card h3 a:hover { color:var(--color-primary); }
.blog-card p { font-size:var(--text-sm); color:var(--color-text-muted); line-height:1.7;
  flex:1; margin-bottom:var(--space-5); }
.blog-read-more { font-size:var(--text-xs); font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:var(--color-primary); text-decoration:none; transition:gap .2s; }
.blog-read-more:hover { color:var(--color-forest); }

/* ── POST ── */
.post-body { max-width:70ch; margin-inline:auto; }
.post-body p { font-size:var(--text-base); color:var(--color-text-muted); line-height:1.85;
  margin-bottom:var(--space-5); }
.post-body h2, .post-body h3 { font-family:var(--font-display); font-weight:400; color:var(--color-text);
  margin:var(--space-10) 0 var(--space-4); }
.post-body h3 { font-size:var(--text-lg); }
.post-body ul, .post-body ol { margin:0 0 var(--space-5) var(--space-6); color:var(--color-text-muted);
  font-size:var(--text-base); line-height:1.85; }
.post-body li { margin-bottom:var(--space-2); }
.post-body strong { font-weight:700; color:var(--color-text); }
.post-body a { color:var(--color-primary); text-decoration:underline; }
.post-meta { font-size:var(--text-sm); color:var(--color-text-muted); margin-top:var(--space-3); }
.post-nav { max-width:70ch; margin:var(--space-12) auto 0; display:flex; justify-content:space-between;
  gap:var(--space-6); font-size:var(--text-xs); font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; border-top:1px solid var(--t8); padding-top:var(--space-6); }
.post-nav a { color:var(--color-primary); text-decoration:none; }
.post-nav a:hover { color:var(--color-forest); }