/* ================================================================
   blog.css — Blog listing and article pages
================================================================ */
.blog-card { cursor: pointer; }

/* Article related section wrapper */
.related-wrap {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 5vw 80px;
}
.related-wrap .section-tag { margin-bottom: 8px; }
.related-wrap h2 {
  font-family: var(--font-display);
  font-weight: 800;
  font-size: 30px;
  letter-spacing: -0.02em;
  margin-bottom: 28px;
}

/* Article actions bar */
.article-actions {
  margin-top: 60px;
  padding-top: 40px;
  border-top: 1px solid var(--border);
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}