/* V48 : pas de transition entre les documents. Les écrans ne se superposent plus. */
@media(max-width:720px){
  body.member-app .membernav{isolation:isolate;}
  body.member-app .membernav .v48-highlight{
    position:absolute;top:7px;left:0;pointer-events:none;
    border-radius:11px;background:#e1ebff;border:1px solid rgba(43,89,192,.08);
    transform:translate3d(0,0,0);
    transition:transform 260ms cubic-bezier(.22,.8,.25,1),width 260ms cubic-bezier(.22,.8,.25,1);
    z-index:0;
  }
  body.member-app .membernav .v48-highlight.no-transition{transition:none!important;}
  body.member-app .membernav a{
    position:relative;z-index:1;background:transparent!important;
    transition:color 180ms ease,transform 180ms cubic-bezier(.22,.8,.25,1);
  }
  body.member-app .membernav a.sel,
  body.member-app .membernav a.v48-tapped{color:#174bbb!important;}
  body.member-app .membernav a:active{transform:scale(.96);}
  body.member-app .membernav a svg{transition:transform 180ms cubic-bezier(.22,.8,.25,1);}
  body.member-app .membernav a.v48-tapped svg{transform:translateY(-1px) scale(1.06);}
}
/* Neutralise explicitement l'ancien comportement si un CSS V47 reste en cache. */
@view-transition { navigation: none; }
@media(prefers-reduced-motion:reduce){
 body.member-app .membernav .v48-highlight,
 body.member-app .membernav a,
 body.member-app .membernav a svg{transition:none!important;}
}