/* =============================================================
   BANDEAU MÉTA — la barre « natas.fr » qui coiffe les univers parodiques
   (NatasTube, Natamazon, Le Bulletin de la Commu).
   Toujours visible, collée en haut : on est chez Guillaume, et le site
   « visité » se déroule dessous. Feuille autonome (aucune dépendance à
   style.css) car les pages Natamazon ne chargent pas la charte du site.
   ============================================================= */
:root{ --meta-h:46px; }   /* hauteur du bandeau, réutilisée par les colonnes collantes */
.meta{
  position:sticky; top:0; z-index:200;
  display:flex; align-items:center; gap:14px;
  padding:0 16px; height:var(--meta-h);
  background:#08090a;
  border-bottom:1px solid #232b26;
  font-family:'Space Mono',ui-monospace,Menlo,monospace;
  font-size:11.5px; letter-spacing:.06em;
  box-shadow:0 6px 22px -12px rgba(0,0,0,.9);
}
.meta *{ box-sizing:border-box; }

/* Marque : logo + domaine */
.meta__home{ display:inline-flex; align-items:center; gap:9px; flex:none;
  text-decoration:none; color:#f2f6f3; }
.meta__home img{ height:26px; width:auto; display:block; }
.meta__home img{ transition:filter .16s ease; }
.meta__home:hover img{ filter:drop-shadow(0 0 8px #01fe9166); }

/* Univers */
.meta__nav{ display:flex; align-items:center; gap:3px; margin-left:6px;
  overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.meta__nav::-webkit-scrollbar{ display:none; }
.meta__nav a{ display:inline-flex; align-items:center; gap:6px; flex:none;
  padding:6px 11px; border-radius:999px; text-decoration:none; white-space:nowrap;
  color:#9fada5; border:1px solid transparent; transition:.16s ease; }
.meta__nav a:hover{ color:#f2f6f3; border-color:#2c332b; }
/* Zone sensible portée à 44 px sans toucher à l'apparence. */
.meta__nav a, .meta__home{ position:relative; }
.meta__nav a::after, .meta__home::after{
  content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:max(100%,44px); height:max(100%,44px); }
.meta__nav a[aria-current]{ color:#01fe91; border-color:#01fe9159; background:#01fe911a; }
.meta__ic{ font-size:12px; line-height:1; }

.meta__cta{ margin-left:auto; flex:none; display:inline-flex; align-items:center;
  padding:6px 13px; border:1px solid #2c332b; border-radius:999px;
  color:#f2f6f3; text-decoration:none; white-space:nowrap; transition:.16s ease; }
.meta__cta:hover{ border-color:#01fe91; color:#01fe91; }

/* Sur les pages parodiques, la barre du « site visité » ne colle plus :
   une seule barre fixe à l'écran, sinon elles s'empilent. */
.meta ~ .nt-bar,
.meta ~ .nz-bar,
.meta ~ .topbar{ position:static; }

@media(max-width:820px){
  .meta{ gap:10px; padding:0 12px; }
  .meta__cta{ display:none; }
}
@media(max-width:520px){
  .meta__nav a span:not(.meta__ic){ display:none; }
  .meta__nav a{ padding:6px 9px; }
}