/* Shared geometry and motion only. The existing theme and page features stay intact. */
@media(max-width:760px){
  :root{--m-nav:64px;--m-nav-gap:10px;--m-1:4px;--m-3:12px;--m-t-lbl:10px}
  .mnav{
    box-sizing:border-box!important;
    left:calc(12px + env(safe-area-inset-left,0px))!important;
    right:auto!important;
    width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px))!important;
    max-width:none!important;height:64px!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    padding:0 4px!important;
    grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row!important;
    transition:none!important;animation:none!important;
  }
  .mnav .mtab{height:62px!important;box-sizing:border-box;min-width:0;gap:3px!important}
  .mnav .mt-i{flex:none;width:38px!important;height:26px!important}
  .mnav .mt-i i{width:20px;height:20px;font-size:19px!important;line-height:20px!important;text-align:center}
  .mnav .mtab b{font-size:10px!important;line-height:11px!important;min-height:11px;letter-spacing:0!important}
  .mnav .mt-i img,.mnav .mt-i .fb{width:21px!important;height:21px!important;flex:none}
}
/* Keep the whole bar fixed, not an animated width/position morph between documents. */
@view-transition{navigation:auto}
.mnav{view-transition-name:mnav}
#navInd,.fab-dock{view-transition-name:none!important}
::view-transition-group(root),::view-transition-group(mnav){animation:none!important}
::view-transition-old(root),::view-transition-old(mnav){animation:none!important;opacity:0}
::view-transition-new(root){animation:cendon-page-ready .12s ease-out both!important;mix-blend-mode:normal}
::view-transition-new(mnav){animation:none!important;opacity:1;mix-blend-mode:normal}
@keyframes cendon-page-ready{from{opacity:.96}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-new(root){animation:none!important}
}