/* ═══════════════════════════════════════════════════════════════════════════════════════
   L'EN-TÊTE DU HAUT, SANS LE RESTE.

   mf-head26.js sait dessiner la barre du haut, mais il puise ses couleurs et ses espacements
   dans mf-2026.css — qui est un système de design COMPLET et repeindrait toute la page.
   C'est précisément ce qui a été reproché : « je voulais le menu en haut, tu as changé le
   hero et la page ». Ce fichier ne contient donc QUE deux choses :
     ① les jetons dont la barre a besoin, rien de plus ;
     ② ce qu'il faut pour que l'ancien rail de gauche libère la largeur.
   Aucune règle de typographie, aucune couleur de fond, aucune marge de contenu.
   ⛔ Ne jamais y ajouter de style de page. Si une page a besoin de plus, elle le met chez elle.
   ═══════════════════════════════════════════════════════════════════════════════════════ */

/* ── ① Les jetons, recopiés de mf-2026.css ──────────────────────────────────────────────
   Portés par :root pour rester en dessous de tout ce que la page définit elle-même : une
   page garde donc SES couleurs, et seule la barre utilise celles-ci. */
:root{
  --amb:#E8930C; --amb-h:#ffa72e;
  --g-800:#0e1219; --g-850:#0a0d12;
  --hair:rgba(255,255,255,.10); --hair-2:rgba(255,255,255,.055);
  --ink-2:#aab4c2; --ink-3:#6d7683;
  --r-1:3px;
  --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-9:96px;
  --t-micro:11.5px;
  --tr:.18s cubic-bezier(.4,0,.2,1);
  --w-max:1440px; --w-pad:clamp(20px,4vw,56px);
  --text:'Barlow','Segoe UI',system-ui,-apple-system,sans-serif;
}

/* ── ② Le rail de gauche s'efface et rend la largeur ────────────────────────────────────
   ⚠️ Le piège qui a coûté trois essais la première fois : certaines pages peignaient le fond
   du rail avec un pseudo-élément fixe de 238 px sur <html>. Un pseudo-élément n'est PAS dans
   le document — impossible à trouver par querySelector, invisible à elementFromPoint. Il ne
   se neutralise qu'ici, en CSS. Sans cette règle, une bande sombre reste sur le côté et
   recouvre le contenu.
   Les scripts mf-nav.js et mf-header.js se retirent d'eux-mêmes quand <html data-mf="2026">
   est posé ; ces règles ne sont que le filet, pour le cas où l'un d'eux serait servi depuis
   un cache périmé. */
html[data-mf="2026"]::before,
html[data-mf="2026"]::after{display:none!important;content:none!important}

html[data-mf="2026"] body{padding-left:0!important;padding-right:0!important;margin-left:0!important}

html[data-mf="2026"] .mf-side,
html[data-mf="2026"] .mf-nav,
html[data-mf="2026"] #mfBurger,
html[data-mf="2026"] #burger,
html[data-mf="2026"] .drawer,
html[data-mf="2026"] .drawer-ov,
html[data-mf="2026"] #drawer,
html[data-mf="2026"] #drawerOv,
html[data-mf="2026"] body > .topbar,
html[data-mf="2026"] body > .top{display:none!important}

/* La barre du haut est collante : on décale les ancres pour qu'un titre visé ne se retrouve
   pas caché dessous. 66 px de barre + une respiration. */
html[data-mf="2026"] section[id]{scroll-margin-top:88px}