/* =====================================================
   CONSEIL SNDGK — Marqueur de section (//NN + surtitre)

   Variante A+E : le numéro passe en gros, prend sa propre ligne et se
   prolonge par un filet ; le surtitre s'aligne dessous ; l'ensemble se
   resserre contre le titre qu'il annonce.

   Fichier AUTONOME : ne modifie NI premium.css NI premium-themes.css.
   Doit être chargé APRÈS eux — c'est l'ordre qui donne la priorité.

   Chargé par : constellation.html, constellation-en.html,
                trace.html, trace-en.html
   (à étendre aux autres pages si la variante est validée)
===================================================== */

/* premium.css pose : display:flex; align-items:baseline; gap:1rem;
   margin-bottom: clamp(2.2rem,5vw,4rem) — c'est ce dernier écart qui
   détachait le marqueur de son titre. */
.sec-head {
  flex-wrap: wrap;
  align-items: center;
  gap: 0.2rem 1rem;
  margin-bottom: 1rem;
}

/* E — le numéro devient l'élément dominant. */
.sec-head .label {
  font-size: clamp(1.15rem, 2.4vw, 1.45rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 1.15;
}

/* A — le filet occupe le reste de la ligne : le marqueur gagne une
   largeur, donc une raison d'occuper cette ligne à lui seul. */
.sec-head .rule {
  flex: 1 1 2rem;
  height: 1px;
  background: var(--line);
}

/* Le surtitre bascule sous le numéro (base 100 % = nouvelle ligne). */
.sec-head .eyebrow {
  flex: 1 0 100%;
}

/* Bloc de clôture : .closing pose text-align:center, dont le surtitre hériterait
   (il occupe toute la largeur). On l'annule pour que //08 soit aligné à gauche,
   avec son filet à droite — exactement comme //01 à //07. */
.closing .sec-head {
  text-align: left;
}