/* Bloc 0b-1 — bandeau « Préproduction » (src/appMode/preprodBanner.js), chargé seulement quand
   APP_MODE=preprod. Dans le flux, en tête de page : il pousse le contenu, ne recouvre rien, et
   reste dans la largeur de l'écran à 375 px (texte qui passe à la ligne, aucune largeur fixe).
   Le signal n'est pas la couleur seule : symbole ⚠, mot « Préproduction », bordure tiretée. */
.preprod-banner{
  box-sizing:border-box;width:100%;max-width:100%;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-4,4px) var(--sp-8,8px);
  padding:var(--sp-8,8px) var(--sp-16,16px);
  background:var(--warn,#F5C451);color:var(--bg,#16171a);
  border-bottom:3px dashed var(--bg,#16171a);
  font-size:var(--fs-13,13px);line-height:1.4;text-align:center;overflow-wrap:anywhere;
}
.preprod-banner-symbol{font-size:var(--fs-16,16px);line-height:1}
.preprod-banner-title{text-transform:uppercase;letter-spacing:.06em}