/* ---- blog tab ---- */

/* Vertical stack of post cards. Cards are linear reading content, so unlike
   the project grid there is no column packing -- one column, newest first. */
.blog-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Card hover/entrance states are driven by inline styles in BlogPostCard,
   mirroring ProjectCard; this is the base layer those styles sit on top of. */
.blog-post-card {
  min-width: 0;
}

/* Narrow layout: the same card, just tighter. */
@media (max-width: 768px) {
  .blog-post-card {
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .blog-post-card {
    transition: none;
  }
}