/* MECAFLOW — typographie self-hostée (licences OFL). Barlow Condensed = titres, Barlow = texte, JetBrains Mono = labels/eyebrows. */
@font-face{font-family:'Barlow';src:url(/assets/fonts/barlow-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow';src:url(/assets/fonts/barlow-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url(/assets/fonts/barlowcond-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url(/assets/fonts/barlowcond-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url(/assets/fonts/jbmono-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}

/* MECAFLOW — CHROME PARTAGÉ, réservé en RENDER-BLOCKING (avant le 1er pixel) pour que la mise en page soit STABLE à chaque
   navigation. mf-nav.js remplit ensuite le panneau. Le placeholder ci-dessous peint la barre dès le départ (même dégradé
   que .mf-side, z sous elle) → plus de « saut »/redimensionnement du panneau ni décalage du contenu à chaque clic. */
@media(min-width:961px){
  html{overflow-x:hidden}
  body{padding-left:238px!important}
  html::before{content:"";position:fixed;top:0;left:0;bottom:0;width:238px;background:linear-gradient(180deg,#0c1220,#080b12);border-right:1px solid rgba(255,255,255,.1);z-index:8990;pointer-events:none}
}
@media(max-width:960px){
  body{padding-top:52px!important}
  html::before{content:"";position:fixed;top:0;left:0;right:0;height:52px;background:linear-gradient(180deg,#0c1220,#080b12);border-bottom:1px solid rgba(255,255,255,.1);z-index:8990;pointer-events:none}
}