/* V44 — viewport-pinned mobile navigation.
   The navigation is mounted directly under <html>, not inside the scrolling body.
   This avoids flex/overflow/layout ancestors turning position:fixed into document flow. */
@media (max-width:860px){
  html{position:relative!important;transform:none!important;filter:none!important;perspective:none!important;contain:none!important;}
  html .tn-bottom-nav{
    position:fixed!important;
    left:0!important; right:0!important;
    top:auto!important; bottom:0!important;
    width:100vw!important; max-width:100vw!important;
    height:calc(72px + env(safe-area-inset-bottom,0px))!important;
    min-height:0!important; margin:0!important;
    padding:7px 8px calc(7px + env(safe-area-inset-bottom,0px))!important;
    box-sizing:border-box!important;
    transform:none!important;
    float:none!important;
    clear:none!important;
    z-index:2147483647!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    overflow:visible!important;
  }
  html .tn-bottom-nav *{box-sizing:border-box!important;}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px) + 10px)!important;}
  .topbar .tn-topnav-wrap,.topbar .tn-topnav-toggle,.header-icons .tn-topnav-toggle{display:none!important;}
}
@media (min-width:861px){html .tn-bottom-nav{display:none!important;}}
