@keyframes mx-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes mx-drop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes mx-fade{from{opacity:0}to{opacity:1}}

.page-main{animation:mx-enter .42s cubic-bezier(.2,.7,.2,1) both}
.nt-pop:not([hidden]){animation:mx-drop .22s cubic-bezier(.2,.7,.2,1) both;transform-origin:top right}
.guest-nav.open{animation:mx-drop .24s cubic-bezier(.2,.7,.2,1) both;transform-origin:top right}
.member-header.is-open .mh-panel{animation:mx-drop .22s cubic-bezier(.2,.7,.2,1) both}
.landing-faq article.open p{animation:mx-fade .25s ease both}
.global-backdrop{transition:opacity .25s ease,visibility .25s ease}
.sidebar{transition:left .28s cubic-bezier(.2,.7,.2,1)}
body.mx-leaving .page-main{opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}

@media (prefers-reduced-motion:reduce){
  .page-main,.nt-pop:not([hidden]),.guest-nav.open,.member-header.is-open .mh-panel,.landing-faq article.open p{animation:none}
  .sidebar,.global-backdrop{transition:none}
  body.mx-leaving .page-main{transition:none}
}
