/* =========================================================
   Tepuy Solutions – Blog Index Layout V3 (Pro Layout)
   ========================================================= */

.posts-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
}

/* --- Mobile (Default) --- */
/* All cards are 1-column stack */
.post-card {
  grid-column: span 12;
  display: flex;
  flex-direction: column;
}

/* --- Tablet (600px+) --- */
@media (min-width: 600px) {
  /* Standard cards become 2-up */
  .post-card {
    grid-column: span 6;
  }
  /* Featured cards stay full-width for emphasis */
  .post-card.featured {
    grid-column: span 12;
  }
}

/* --- Desktop (1024px+) --- */
@media (min-width: 1024px) {
  /* Standard cards become 3-up */
  .post-card {
    grid-column: span 4;
  }
  /* Featured cards become 2-up */
  .post-card.featured {
    grid-column: span 6;
  }
}