/* French topic labels can exceed the intrinsic width of a narrow card. */
html[lang="fr"] .topic-route-grid > a,
html[lang="fr"] .topic-route-grid > a > div {
  min-width: 0;
}
html[lang="fr"] .topic-route-grid > a > div {
  overflow-wrap: anywhere;
}

html[lang="fr"] main :is(h1, h2, h3, h4) {
  hyphens: auto;
  overflow-wrap: break-word;
}

/* Give longer French editorial headings enough room on tablet screens. */
@media (min-width: 621px) and (max-width: 900px) {
  html[lang="fr"] .detail-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}