.doc-section-title {
  font-weight: bold;
}

.site-construction-banner {
  background-color: #ffe600;
  color: #1a1a1a;
  text-align: center;
  font-weight: bold;
  padding: 0.6rem 1rem;
  width: 100%;
}

.callout-warning {
  background-color: #fff7e6;
  border-left: 4px solid #e69215;
  padding: 0.75rem 1.25rem;
  margin: 1rem 0;
}
.callout-warning p {
  margin: 0;
}

/* Le bandeau d'en-tête (.header-principal) est en position sticky (top:0) et
   masque le haut de la page lors d'un saut d'ancre (clic sur un lien #...).
   On décale le point de calage du scroll de la hauteur du bandeau (définie
   par le thème via --header-min-height, 7.8rem puis 10.6rem à partir de 75em),
   avec une marge de respiration. */
h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], a[id] {
  scroll-margin-top: 9rem;
}

@media (min-width: 75em) {
  h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], a[id] {
    scroll-margin-top: 12rem;
  }
}