/* Foldline 1.1.22 · shell persistant Studio <-> Blog */

/* Ancienne intro plein écran désactivée. */
#fx,#fxL{display:none!important}

/* Header : géométrie fixe uniquement là où le shell desktop est actif. */
@media (min-width:1024px) and (min-height:600px){
  .top .nav .jl{width:68px;min-width:68px;max-width:68px;flex:0 0 68px;height:40px;padding:0 12px;justify-content:center;box-sizing:border-box}
  .top .nav .nda-b{width:124px;min-width:124px;max-width:124px;flex:0 0 124px;box-sizing:border-box}
  .top .nav > .btn:not(.ghost){width:174px;min-width:174px;max-width:174px;flex:0 0 174px;gap:10px;box-sizing:border-box}
}

html.fl-v132-running,
html.fl-v132-running body{overflow:hidden!important}
html.fl-v132-running .tile{pointer-events:none!important}

/* Le shell garde physiquement le premier écran du Studio. Les contraintes de hauteur restent desktop seulement. */
@media (min-width:1024px) and (min-height:600px){
  html.fl-shell-active.fl-shell-route-studio body{overflow:hidden!important}
  html.fl-shell-active.fl-shell-route-blog body{overflow-y:auto!important;overflow-x:hidden!important}
  html.fl-shell-active #fl-shell-below{display:block;width:100%;content-visibility:auto;contain-intrinsic-size:1200px}
  html.fl-shell-active.fl-shell-route-studio #fl-shell-below{display:none!important}
  html.fl-shell-active.fl-shell-route-blog .app{height:100vh;min-height:100vh}
}

/* Eléments réellement partagés : aucune transformation de taille. */
html.fl-v132-running #grid.grid>.svc,
html.fl-v132-running #grid.grid>[data-k="brief"],
html.fl-shell-route-blog #grid.grid>.svc,
html.fl-shell-route-blog #grid.grid>[data-k="brief"]{
  transform:none!important;
}
html.fl-v132-running #grid.grid>.svc .illo,
html.fl-v132-running #grid.grid>.svc .t-name,
html.fl-v132-running #grid.grid>.svc .t-arrow,
html.fl-v132-running #grid.grid>[data-k="brief"]{
  visibility:visible!important;
  transition:none!important;
}

/* Les deux tuiles Studio de la troisième rangée restent dans le DOM. */
#grid.grid>.fl-shell-third-hidden{
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Article à la une du Blog : il occupe exactement Production + Blog,
   sans toucher à la tuile projet. */
#grid.grid>.fl-shell-lead{
  grid-column:1/10;
  grid-row:3;
  z-index:4;
  min-width:0;
  min-height:0;
  height:auto;
  padding:0;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  overflow:hidden;
  cursor:default;
}
#grid.grid>.fl-shell-lead[hidden]{display:none!important}
#grid.grid>.fl-shell-lead .card-media{
  flex:0 0 auto;
  align-self:center;
  height:calc(100% - 16px);
  width:auto;
  max-width:56%;
  aspect-ratio:16/9;
  margin:8px;
  border-radius:calc(var(--r) - 8px);
  overflow:hidden;
  background:var(--g2);
}
#grid.grid>.fl-shell-lead .card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none!important;
}
#grid.grid>.fl-shell-lead .card-body{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:10px;
  padding:20px 24px 18px 16px;
  overflow:hidden;
}
#grid.grid>.fl-shell-lead .t-top{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  font:500 10px/1 var(--fm);
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--s-mute);
}
#grid.grid>.fl-shell-lead .chip-s{
  font:600 10px/1 var(--fm);
  padding:5px 8px;
  border-radius:999px;
  background:#0A0B09;
  color:var(--neon);
  letter-spacing:.03em;
  text-decoration:none;
}
#grid.grid>.fl-shell-lead .card-title{
  margin:0;
  font:800 clamp(24px,2.45vw,40px)/.96 var(--fd);
  letter-spacing:-.04em;
  font-variation-settings:"wdth" 108;
}
#grid.grid>.fl-shell-lead .card-title em{
  display:block;
  margin-top:.08em;
  font-family:var(--fs);
  font-style:italic;
  font-weight:400;
  color:var(--neon);
  letter-spacing:-.01em;
}
#grid.grid>.fl-shell-lead .card-link{color:inherit;text-decoration:none}
#grid.grid>.fl-shell-lead .card-ex{
  margin:0;
  color:var(--s-mute);
  font-size:13px;
  line-height:1.42;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#grid.grid>.fl-shell-lead .t-arrow{
  position:absolute;
  right:16px;
  bottom:16px;
}

/* Les micro-libellés changent, mais leur boîte reste celle du Studio. */
html.fl-shell-route-blog #grid.grid>.svc .tag,
html.fl-shell-route-studio #grid.grid>.svc .tag{
  line-height:10px;
}

/* Morphisme typographique dans les vraies métriques du DOM persistant. */
.fl-v132-glyph-layer{
  position:fixed;
  z-index:2147482700;
  pointer-events:none;
  margin:0;
  padding:0;
  overflow:visible;
  white-space:nowrap;
  text-rendering:geometricPrecision;
  font-kerning:normal;
  transform:none;
}
.fl-v132-glyph-slot{
  position:relative;
  display:inline-block;
  overflow:hidden;
  vertical-align:baseline;
}
.fl-v132-glyph-slot>span{
  position:absolute;
  left:0;
  top:0;
  white-space:pre;
  transform-origin:50% 60%;
}

.fl-v132-flap-layer{
  position:fixed;z-index:2147482720;pointer-events:none;margin:0;padding:0;
  overflow:visible;white-space:nowrap;perspective:520px;text-rendering:geometricPrecision;
  font-kerning:normal;transform:none;
}
.fl-v132-flap-slot{position:absolute;top:0;display:block;overflow:visible;transform-style:preserve-3d;will-change:transform}
.fl-v132-flap-glyph{position:absolute;left:0;top:0;white-space:pre;transform-origin:50% 52%;backface-visibility:hidden;will-change:transform}
.fl-v132-flap-glyph::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor;opacity:.055;pointer-events:none}

/* Pli local de la troisième rangée : aucune ligne traversant l'écran. */
.fl-v132-fold-cover{
  position:fixed;
  z-index:2147482550;
  pointer-events:none;
  background:var(--g1,#121410);
  border-radius:22px;
  box-shadow:inset 0 0 0 1px rgba(241,243,234,.09);
  clip-path:inset(0 50% 0 50% round 22px);
}

/* Première arrivée sur le Studio. */
@media (prefers-reduced-motion:no-preference){
  html.fl-v132-entry-prep .top{transform:translate3d(0,-64px,0)}
  html.fl-v132-entry-prep #grid.grid>.hero{clip-path:inset(0 100% 0 0 round 22px)}

  html.fl-v132-entry-prep #grid.grid>[data-k="design"],
  html.fl-v132-entry-prep #grid.grid>[data-k="branding"],
  html.fl-v132-entry-prep #grid.grid>[data-k="print"]{clip-path:inset(100% 0 0 0 round 22px)}
  html.fl-v132-entry-prep #grid.grid>[data-k="packaging"],
  html.fl-v132-entry-prep #grid.grid>[data-k="web"],
  html.fl-v132-entry-prep #grid.grid>[data-k="ia"]{clip-path:inset(0 0 100% 0 round 22px)}

  html.fl-v132-entry-prep #grid.grid>[data-k="usine"]{clip-path:inset(0 100% 0 0 round 22px)}
  html.fl-v132-entry-prep #grid.grid>.blog{clip-path:inset(0 50% 0 50% round 22px)}
  html.fl-v132-entry-prep #grid.grid>[data-k="brief"]{clip-path:inset(0 0 0 100% round 22px)}

  html.fl-v132-entry-prep .h1 .ln>span{transform:translate3d(0,112%,0)}
  html.fl-v132-entry-prep .h1 .ln-fold>span{
    transform:translate3d(0,112%,0) rotateX(-72deg);
    transform-origin:50% 100%;
  }

  html.fl-v132-entry-prep #grid.grid>.hero>.eyebrow,
  html.fl-v132-entry-prep #grid.grid>.hero>.lede,
  html.fl-v132-entry-prep #grid.grid>.hero>.path,
  html.fl-v132-entry-prep #grid.grid>.hero>.prof,
  html.fl-v132-entry-prep #grid.grid>.hero>.hero-foot{clip-path:inset(0 100% 0 0)}

  html.fl-v132-entry-prep #grid.grid>.svc .t-top{clip-path:inset(0 100% 0 0)}
  html.fl-v132-entry-prep #grid.grid>.svc .illo{clip-path:inset(0 50% 0 50%)}
  html.fl-v132-entry-prep #grid.grid>.svc .meta{clip-path:inset(100% 0 0 0)}
}

@media (max-width:1023px),(max-height:599px){
  html.fl-v132-entry-prep #grid.grid>[data-k="design"],
  html.fl-v132-entry-prep #grid.grid>[data-k="print"],
  html.fl-v132-entry-prep #grid.grid>[data-k="web"]{clip-path:inset(0 0 0 100% round 22px)}
  html.fl-v132-entry-prep #grid.grid>[data-k="branding"],
  html.fl-v132-entry-prep #grid.grid>[data-k="packaging"],
  html.fl-v132-entry-prep #grid.grid>[data-k="ia"]{clip-path:inset(0 100% 0 0 round 22px)}
}

@media (prefers-reduced-motion:reduce){
  .fl-v132-glyph-layer,.fl-v132-flap-layer,.fl-v132-fold-cover{display:none!important}
}
@media (min-width:1024px) and (min-height:600px){html.fl-shell-active.fl-shell-route-blog body{scrollbar-width:none}html.fl-shell-active.fl-shell-route-blog body::-webkit-scrollbar{width:0;height:0}}

/* Le morphisme typographique utilise des coordonnées de glyphes absolues,
   issues du moteur de mise en page du navigateur. */
.fl-v132-glyph-layer{font-kerning:normal}
.fl-v132-glyph-slot{display:block!important;overflow:hidden;vertical-align:baseline}

/* Foldline 1.1.22 · shell responsive : le Studio reste la géométrie de référence. */
@media (max-width:1023px),(max-height:599px){
  html,body{height:auto!important;min-height:100%;max-width:100%;overflow-x:hidden!important;overflow-y:auto!important}
  html.fl-shell-active,html.fl-shell-active body,
  html.fl-shell-route-studio body,html.fl-shell-route-blog body{overflow-x:hidden!important;overflow-y:auto!important}
  html.fl-shell-active .app,html.fl-shell-route-blog .app,html.fl-shell-route-studio .app{height:auto!important;min-height:100%!important}

  /* Le contenu WordPress sous le shell existe aussi en responsive. */
  html.fl-shell-active.fl-shell-route-blog #fl-shell-below{display:block!important;width:100%!important;content-visibility:auto;contain-intrinsic-size:1400px}
  html.fl-shell-active.fl-shell-route-studio #fl-shell-below{display:none!important}

  /* Header compact : aucune largeur desktop forcée. */
  .top .nav .jl{width:68px!important;min-width:68px!important;max-width:68px!important;flex:0 0 68px!important;height:40px;padding:0 8px!important;justify-content:center!important;box-sizing:border-box}
  .top .nav .nda-b,.top .nav>.btn:not(.ghost){width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;box-sizing:border-box}

  /* La première rangée éditoriale remplace Production+Blog sans créer de colonnes implicites. */
  html.fl-shell-route-blog #grid.grid>.fl-shell-third-hidden{display:none!important}
  #grid.grid>.fl-shell-lead{grid-column:1/-1!important;grid-row:auto!important;min-height:0!important;height:auto!important;flex-direction:column!important;padding:0!important;overflow:hidden!important}
  #grid.grid>.fl-shell-lead .card-media{flex:none!important;width:auto!important;max-width:none!important;height:auto!important;aspect-ratio:16/9!important;margin:8px 8px 0!important;align-self:stretch!important;border-radius:calc(var(--r) - 8px)!important}
  #grid.grid>.fl-shell-lead .card-media img{width:100%!important;height:100%!important;object-fit:contain!important}
  #grid.grid>.fl-shell-lead .card-body{padding:16px 18px 18px!important;gap:10px!important}
  #grid.grid>.fl-shell-lead .card-title{font-size:clamp(24px,7vw,38px)!important;line-height:.98!important}

  /* Le pli desktop devient un pli local sans masque plein écran. */
  .fl-v132-fold-cover{display:none!important}

  /* Les stages natifs restent entièrement scrollables. */
  .stage{max-width:100vw!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
  .st-body{max-width:100%!important;min-width:0!important}
  .sv,.gate,.pr,.bf2,.tdet{min-width:0!important;max-width:100%!important}
}
@media (max-width:620px){
  .top{max-width:100vw!important;box-sizing:border-box}
  .top .logo{min-width:0;flex:0 1 auto}.top .logo small{display:none!important}
  .top .nav{margin-left:auto!important;min-width:0!important;max-width:calc(100vw - 112px)!important;gap:4px!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important}
  .top .nav .nda-b{display:none!important}
  .top .nav .jl{padding:0 7px!important;width:68px!important;min-width:68px!important;max-width:68px!important;flex-basis:68px!important}
  .top .nav>.btn:not(.ghost){padding-left:10px!important;padding-right:10px!important;font-size:12px!important}
  .top .nav>.btn:not(.ghost) .ar{display:none!important}
  .top .nav .cta-l,.top .nav .cta-x{display:none!important}.top .nav .cta-s,.top .nav .cta-sh{display:inline!important}
  .stage{width:100vw!important;max-width:100vw!important;border-radius:0!important}.st-body{padding-left:18px!important;padding-right:18px!important}
  .fields,.pgrid,.sv-list,.gets{grid-template-columns:minmax(0,1fr)!important}
}
@media (max-width:420px){.top .nav{max-width:calc(100vw - 104px)!important}.top .nav .jl{padding-left:6px!important;padding-right:6px!important}}
@media (max-width:370px){.top .nav{gap:3px!important;max-width:calc(100vw - 98px)!important}.top .nav .jl{padding-left:5px!important;padding-right:5px!important}.top .nav>.btn:not(.ghost){padding-left:8px!important;padding-right:8px!important}}

/* Foldline 1.1.22 · interactions précises : aucun bouton ne se déplace au survol. */
.top .btn,.hero .btn,.stage .btn,.tech button,.oc,.prof .seg button,.prof .seg a,.pager a,.chip-s{
  transform:none!important;
  translate:none!important;
}
.btn{transition:background-color .28s ease,color .28s ease,box-shadow .34s cubic-bezier(.16,1,.3,1),border-color .28s ease!important}
.btn .ar{transform:none!important;transition:color .28s ease,opacity .28s ease!important}
.btn:hover .ar,.btn:focus-visible .ar{transform:none!important}
@media (hover:hover) and (pointer:fine){
  .btn:hover,.btn:focus-visible{transform:none!important;box-shadow:inset 0 0 0 1px rgba(241,243,234,.24),0 0 0 4px rgba(57,255,20,.08)!important}
  .s-bone .btn:hover,.s-bone .btn:focus-visible,.s-neon .btn:hover,.s-neon .btn:focus-visible{box-shadow:inset 0 0 0 1px rgba(10,11,9,.24),0 0 0 4px rgba(10,11,9,.06)!important}
  .btn.ghost:hover,.btn.ghost:focus-visible{box-shadow:inset 0 0 0 1px currentColor,0 0 0 4px rgba(241,243,234,.055)!important}
  .tech button:hover,.tech button.hov,.oc:hover,.prof .seg button:hover,.prof .seg a:hover,.pager a:hover,.chip-s:hover{transform:none!important}
}


/* Foldline 1.1.22 · départ éditorial local, sans overlay */
#grid.grid>.svc,
.fl-blog-stage .th,
.feed .card{position:relative}
.fl-v132-local-leave{isolation:isolate}
.fl-v132-local-leave::after{
  content:"";
  position:absolute;
  z-index:8;
  left:16px;
  right:16px;
  bottom:12px;
  height:1px;
  border-radius:999px;
  background:currentColor;
  opacity:.48;
  transform:scaleX(0);
  transform-origin:left center;
  animation:fl-v132-local-depart 170ms cubic-bezier(.16,1,.3,1) forwards;
  pointer-events:none;
}
.fl-v132-local-leave .t-arrow{
  border-color:currentColor!important;
  box-shadow:inset 0 0 0 1px currentColor;
}
@keyframes fl-v132-local-depart{to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.fl-v132-local-leave::after{display:none!important}}


/* Foldline 1.1.23 · recherche du blog dans l'en-tête.
   Côté Blog, la pastille d'état (heure d'Alger, studio ouvert/fermé) cède sa place au champ de recherche :
   même emplacement, même vocabulaire (pilule filaire, mono 11 px). Sans JavaScript : formulaire GET vers /blog/?s=.
   Desktop : champ de 40 px. Compact (< 1024 px de large ou < 600 px de haut) : bouton loupe qui ouvre le champ
   sur toute la largeur de l'en-tête. Le shell remplace la pastille par ce champ en état Blog (morphisme dans le JS). */
.top .fl-search{position:relative;z-index:50;display:flex;align-items:center;flex:0 1 auto;min-width:0;margin:0;font:500 11px/1 var(--fm,ui-monospace,monospace)}
.fl-search-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.fl-search-field{position:relative;display:flex;align-items:center;gap:9px;box-sizing:border-box;height:40px;width:clamp(260px,29vw,400px);margin:0;padding:0 7px 0 15px;border-radius:999px;color:var(--mute,#8C9087);background:transparent;box-shadow:inset 0 0 0 1px var(--line,rgba(241,243,234,.09));cursor:text;transition:box-shadow .28s ease,background-color .28s ease,color .28s ease}
@media (hover:hover) and (pointer:fine){.fl-search-field:hover{box-shadow:inset 0 0 0 1px rgba(241,243,234,.24)}}
.fl-search:focus-within .fl-search-field{color:var(--ink,#F1F3EA);background:rgba(18,20,16,.72);box-shadow:inset 0 0 0 1px var(--neon,#39FF14),0 0 0 4px rgba(57,255,20,.08)}
.fl-search-ico{flex:none;display:block;width:14px;height:14px}
.fl-search input{flex:1 1 auto;min-width:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:var(--ink,#F1F3EA);font:500 12px/normal var(--fm,ui-monospace,monospace);letter-spacing:.03em;-webkit-appearance:none;appearance:none;text-overflow:ellipsis}
.fl-search input::placeholder{color:var(--mute,#8C9087);opacity:1;font-size:11px}
.fl-search input::-webkit-search-decoration,.fl-search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.fl-search input:focus,.fl-search input:focus-visible{outline:0;box-shadow:none}
.fl-search-kbd{flex:none;display:inline-grid;place-items:center;box-sizing:border-box;min-width:24px;height:24px;padding:0 7px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line,rgba(241,243,234,.09));font:500 11px/1 var(--fm,ui-monospace,monospace);color:var(--mute,#8C9087);transition:opacity .2s ease}
.fl-search:focus-within .fl-search-kbd{opacity:0}
@media (hover:none),(pointer:coarse){.fl-search-kbd,.fl-search-hint{display:none}}
.fl-search-x{display:none}

/* Panneau de résultats : vocabulaire de la tuile « Blog · derniers guides ». */
.fl-search-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:min(72vh,600px);overflow:auto;overscroll-behavior:contain;padding:8px;border-radius:20px;background:var(--g1,#121410);color:var(--ink,#F1F3EA);box-shadow:inset 0 0 0 1px var(--line,rgba(241,243,234,.09)),0 30px 80px -24px rgba(0,0,0,.78);font:400 14px/1.4 var(--fd,system-ui,sans-serif);text-align:left;cursor:default;scrollbar-width:thin}
.fl-search-panel[hidden]{display:none!important}
.fl-search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 12px 8px;font:500 10px/1.2 var(--fm,ui-monospace,monospace);letter-spacing:.07em;text-transform:uppercase;color:var(--mute,#8C9087)}
.fl-search-list{list-style:none;margin:0;padding:0}
.fl-search-opt{margin:0;padding:0}
.fl-search-opt>a{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:6px;align-items:center;padding:11px 12px;border-radius:13px;color:inherit;text-decoration:none;outline:0}
.fl-search-meta{grid-column:1;font:500 10px/1.2 var(--fm,ui-monospace,monospace);letter-spacing:.07em;text-transform:uppercase;color:var(--neon,#39FF14)}
.fl-search-meta i{font-style:normal;color:var(--mute,#8C9087)}
.fl-search-ttl{grid-column:1;font:600 14px/1.3 var(--fd,system-ui,sans-serif);letter-spacing:-.01em;color:var(--ink,#F1F3EA)}
.fl-search-ttl mark{background:none;color:var(--neon,#39FF14)}
.fl-search-go{grid-column:2;grid-row:1/span 2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line,rgba(241,243,234,.09));color:var(--mute,#8C9087);opacity:0;transition:opacity .2s ease,color .2s ease}
.fl-search-opt[aria-selected="true"]>a{background:var(--g2,#1A1C17)}
.fl-search-opt[aria-selected="true"] .fl-search-go{opacity:1;color:var(--neon,#39FF14)}
@media (hover:hover) and (pointer:fine){.fl-search-opt>a:hover{background:var(--g2,#1A1C17)}.fl-search-opt>a:hover .fl-search-go{opacity:1;color:var(--neon,#39FF14)}}
.fl-search-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:2px 12px 12px;list-style:none}
.fl-search-chip{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line,rgba(241,243,234,.09));font:500 12.5px/1 var(--fd,system-ui,sans-serif);color:var(--ink,#F1F3EA);text-decoration:none;transition:box-shadow .2s ease,color .2s ease}
.fl-search-chip small{font:500 10px/1 var(--fm,ui-monospace,monospace);color:var(--mute,#8C9087)}
.fl-search-chip:hover,.fl-search-chip:focus-visible{box-shadow:inset 0 0 0 1px var(--neon,#39FF14);color:var(--neon,#39FF14);outline:0}
.fl-search-empty{margin:0;padding:4px 12px 14px;color:var(--mute,#8C9087);font-size:13px;line-height:1.5}
.fl-search-empty b{color:var(--ink,#F1F3EA);font-weight:600}
.fl-search-all{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 4px 0;padding:12px 8px 6px;border-top:1px solid var(--line,rgba(241,243,234,.09));font:500 11px/1.3 var(--fm,ui-monospace,monospace);letter-spacing:.03em;color:var(--mute,#8C9087);text-decoration:none;outline:0}
.fl-search-all:hover,.fl-search-all:focus-visible{color:var(--neon,#39FF14)}
.fl-search-all>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fl-search-all kbd{font:inherit;flex:none;padding:4px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line,rgba(241,243,234,.09))}

/* Shell (page d'accueil en état Blog) : la pastille et le champ partagent l'emplacement. */
.top.fl-hdr-search>.status{display:none!important}
.top:not(.fl-hdr-search)>.fl-search[data-fl-shell]{display:none!important}
.fl-search.is-morph input,.fl-search.is-morph input::placeholder{color:transparent!important}
.fl-search.is-morph .fl-search-kbd{opacity:0}
.top>.status.is-morph{overflow:hidden;box-sizing:border-box}

@media (max-width:1023px),(max-height:599px){
  .top .fl-search{position:static;margin-left:auto;flex:none}
  .top>.fl-search~.nav{margin-left:0!important}
  .top .fl-search:not(:is(.is-open,:focus-within)) .fl-search-field{width:40px;padding:0;gap:0;justify-content:center;color:var(--ink,#F1F3EA);cursor:pointer}
  .top .fl-search:not(:is(.is-open,:focus-within)) input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
  .top .fl-search:not(:is(.is-open,:focus-within)) .fl-search-kbd{display:none}
  .top .fl-search:is(.is-open,:focus-within){position:absolute;inset:0;z-index:60;display:flex;align-items:center;gap:8px;margin:0;padding:0 var(--fl-search-gut,16px);background:var(--bg,#0A0B09)}
  .top .fl-search:is(.is-open,:focus-within) .fl-search-field{flex:1 1 auto;width:auto}
  .top .fl-search input{font-size:16px}
  .top .fl-search input::placeholder{font-size:14px}
  .top .fl-search.is-open .fl-search-x{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink,#F1F3EA);box-shadow:inset 0 0 0 1px var(--line,rgba(241,243,234,.09));cursor:pointer}
  .top .fl-search .fl-search-panel{top:calc(100% + 6px);left:var(--fl-search-gut,16px);right:var(--fl-search-gut,16px);width:auto;transform:none;max-height:calc(100vh - 84px);max-height:calc(100dvh - 84px)}
}
@media (max-width:620px){.top .fl-search:not(:is(.is-open,:focus-within)) .fl-search-field{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){.fl-search-field,.fl-search-kbd,.fl-search-go,.fl-search-chip{transition:none!important}}


/* Foldline 1.1.24 · mode clair : recherche de l'en-tête et article à la une du shell. */
[data-theme="light"] .fl-search:focus-within .fl-search-field{background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px var(--neon),0 0 0 4px rgba(31,178,14,.14)}
@media (hover:hover) and (pointer:fine){[data-theme="light"] .fl-search-field:hover{box-shadow:inset 0 0 0 1px rgba(10,11,9,.3)}}
[data-theme="light"] .fl-search-panel{box-shadow:inset 0 0 0 1px var(--line),0 30px 70px -26px rgba(10,11,9,.32)}
[data-theme="light"] .fl-search-chip:is(:hover,:focus-visible){color:var(--neon);box-shadow:inset 0 0 0 1px var(--neon)}