/* Styles propres au blog (/blog) */

.blog-grille {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  gap: 1.75rem;
  padding-block: 3rem;
}
.carte-article {
  background: var(--blanc);
  border: 1px solid var(--bleu-ciel);
  border-radius: var(--radius-carte);
  box-shadow: var(--ombre-douce);
  padding: 1.75rem;
}
.carte-article h2 { font-size: 1.15rem; margin-bottom: 0.5rem; }
.carte-article h2 a { color: var(--marine-nuit); }
.carte-article h2 a:hover { color: var(--bleu-ocean); }
.article-meta { font-size: 0.8rem; color: rgba(0, 43, 69, 0.6); margin-bottom: 0.75rem; }
.carte-article p:not(.article-meta) { margin-bottom: 1rem; }

.contenu-article ul { margin: 1rem 0 1.5rem 1.25rem; list-style: disc; }
.contenu-article li { margin-bottom: 0.4rem; }
.article-cta {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--bleu-ciel);
}