/* Force la grille des articles de blog à s'aligner proprement */
.blog-posts {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: space-between !important;
}

/* Harmonise la taille et l'espacement des articles */
.blog-post {
  width: 48% !important; /* adapte à 2 colonnes */
  margin-bottom: 2rem !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

/* S'assure que les images ne déforment pas le bloc */
.blog-post img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Ajuste sur mobile */
@media screen and (max-width: 768px) {
  .blog-post {
    width: 100% !important;
  }
}