/* En-tête commun : accueil, connexion et inscription portent les mêmes liens (I-04). L'accueil garde sa version collante
   (accueil.css, `.haut`), identique en liens ; connexion.html et inscription.html utilisent cette feuille. */
body .entete-commun { position: relative; z-index: 5; align-self: stretch; box-sizing: border-box; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 14px clamp(20px, 5vw, 64px); background: rgba(20, 17, 14, 0.97); border-bottom: 1px solid rgba(239, 230, 210, 0.08);
  font-family: 'IBM Plex Sans', system-ui, sans-serif; font-size: 15px; letter-spacing: 0; text-transform: none; }
body .entete-commun :is(a, span, div) { font-family: 'IBM Plex Sans', system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.entete-commun .ec-marque { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.entete-commun .ec-beta { font-family: 'IBM Plex Mono', monospace; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; color: #E08A4A; border: 1px solid #E08A4A; padding: 3px 7px; border-radius: 2px; }
body .entete-commun .ec-beta { font-family: 'IBM Plex Mono', monospace; letter-spacing: 0.1em; text-transform: uppercase; }
.entete-commun .ec-liens { display: flex; align-items: center; gap: 28px; white-space: nowrap; }
.entete-commun .ec-liens a { color: #CFC4AE; text-decoration: none; }
.entete-commun .ec-liens a:hover { text-decoration: underline; color: #fff; }
.entete-commun .ec-actions { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.entete-commun .ec-actions a { min-height: 44px; display: inline-flex; align-items: center; padding: 0 16px; border-radius: 4px; text-decoration: none; color: #EFE6D2; }
.entete-commun .ec-actions a:hover { background: rgba(239, 230, 210, 0.1); color: #fff; }
.entete-commun .ec-actions .ec-sec { box-shadow: inset 0 0 0 1.5px #A99D88; }
.entete-commun a[aria-current="page"] { text-decoration: underline; text-underline-offset: 4px; }
.entete-commun a:focus-visible { outline: 2px solid #E08A4A; outline-offset: 2px; }
@media (max-width: 860px) { .entete-commun .ec-liens { display: none; } }
@media (max-width: 460px) { .entete-commun .ec-long { display: none; } .entete-commun { padding: 8px 12px; gap: 8px; } .entete-commun .ec-beta { display: none; } .entete-commun .ec-marque .s2h-mot { font-size: 19px !important; }
  .entete-commun .ec-actions { gap: 4px; } .entete-commun .ec-actions a { padding: 0 9px; } }