/* ══════════════════════════════════════════════════════════════
   PAGE: Blog Index
   Blog listing page with category filter and post card grid
   ══════════════════════════════════════════════════════════════ */

.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}

.blog-load-more {
  text-align: center;
  margin-top: 48px;
}

/* Filter animation */
.blog-card {
  transition: all 0.3s ease, opacity 0.3s ease;
}

.blog-card.hidden {
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
  position: absolute;
  visibility: hidden;
}

@media (max-width: 968px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}

@media (max-width: 640px) {
  .blog-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .blog-load-more { margin-top: 36px; }
}