/* ══════════════════════════════════════════════════════════════════
   ENDLESS HUB — Codes éditoriaux (famille You Art It, SIGNATURE AMBRE)
   Chiffres fantômes + étiquettes verticales de chapitre, teintés AMBRE
   (--terra) = la petite différence vs You Art It (encre) et Cyber (or/navy).
   Additif, chargé après hub.css. Thème sombre.
   ══════════════════════════════════════════════════════════════════ */

/* Rythme vertical resserré */
section{padding-top:clamp(2.5rem,6vh,5rem);padding-bottom:clamp(2.5rem,6vh,5rem)}

/* Chapitrage */
body{counter-reset:chapx}
section[data-chap]{counter-increment:chapx}

/* Gros chiffre fantôme — AMBRE fantôme sur le sombre */
section[data-chap]::before{
  content:counter(chapx,decimal-leading-zero);
  position:absolute; top:clamp(.5rem,2.2vw,1.6rem); right:clamp(1rem,4vw,3.5rem);
  font-family:var(--sans,'Outfit',system-ui,sans-serif); font-weight:800;
  font-size:clamp(3.75rem,12vw,9.5rem); line-height:.74; letter-spacing:-.055em;
  color:rgba(245,198,63,.07);            /* --terra-b fantôme = signature EH */
  z-index:1; pointer-events:none; user-select:none;
}
/* le contenu (.wrap, z-index:2 dans hub.css) passe au-dessus */

/* Étiquette verticale de chapitre — AMBRE, gouttière gauche (grands écrans) */
@media(min-width:1180px){
  section[data-chap]::after{
    content:attr(data-chap);
    position:absolute; left:clamp(.5rem,1.2vw,1.3rem); top:50%;
    transform:translateY(-50%) rotate(180deg);
    writing-mode:vertical-rl; white-space:nowrap;
    font-family:var(--mono,'JetBrains Mono',monospace);
    font-size:.58rem; font-weight:500; letter-spacing:.3em; text-transform:uppercase;
    color:var(--terra,#E6A81E); opacity:.6; z-index:2; pointer-events:none;
  }
}