/* Keep four Material-style navigation destinations within narrow mobile viewports. */
@media (max-width:700px){
  .mobile-bottom-nav{width:100%;margin:0;gap:0;grid-template-columns:repeat(4,minmax(0,1fr));box-sizing:border-box;padding-left:max(4px,env(safe-area-inset-left,0px));padding-right:max(4px,env(safe-area-inset-right,0px));}
  .mobile-bottom-nav > a{min-width:0;width:100%;padding:0 2px;border-radius:0;box-sizing:border-box;}
  .mobile-bottom-nav > a .nav-icon{box-sizing:border-box;min-width:0;width:min(63px,100%);max-width:100%;padding:5px;}
}