/* ——— Typo dédiée au contenu d’article (Markdown) ——— */
.article-card .content { 
  font-size: clamp(1rem, 0.3vw + 0.95rem, 1.1rem);  /* ~16–18px */
  line-height: 1.75;
}

.article-card .content h2 {
  font-size: clamp(1.5rem, 1.6vw + 1.1rem, 2.1rem); /* ~24–34px */
  line-height: 1.25;
  margin: 1.8rem 0 .7rem;
}

.article-card .content h3 {
  font-size: clamp(1.25rem, 1vw + 1rem, 1.6rem);     /* ~20–26px */
  line-height: 1.3;
  margin: 1.2rem 0 .5rem;
}

/* Listes un peu plus grandes pour le confort de lecture */
.article-card .content li { 
  font-size: 1.05em; 
  margin: .25rem 0; 
}

/* Tableau “Guide indicatif” lisible + scroll horizontal si petit écran */
.article-card .content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  overflow: hidden;
  display: block;          /* permet le scroll sur mobile */
  overflow-x: auto;
  white-space: nowrap;
  border: 1px solid #e7e7e7;
}
.article-card .content thead th { 
  background: #f5fbf7; 
}
.article-card .content th,
.article-card .content td {
  padding: .6rem .8rem;
  border-top: 1px solid #e7e7e7;
  text-align: left;
}
.article-card .content th:last-child,
.article-card .content td:last-child { text-align: right; }

/* Blockquote et “astuce” un poil plus visibles */
.article-card .content blockquote {
  border-left: 4px solid #0a5c2d;
  padding: .4rem .9rem;
  color: #203126;
  background: #f0faf3;
  border-radius: 6px;
}

/* Stopper le chevauchement du contenu avec le hero */
.article-grid{ transform: none !important;padding-top: 16px; }
.article-layout{ padding-top: 16px; } /* petit espace sous le hero */