.mobile-dock{display:none}
@media(max-width:760px){
  :root{--mobile-dock-height:calc(5rem + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-bottom:calc(var(--mobile-dock-height) + 16px)}
  body{padding-bottom:var(--mobile-dock-height)}
  .mobile-dock{position:fixed;inset:auto 0 0;z-index:35;display:block;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#fffffff5;border-top:1px solid var(--line);box-shadow:0 -6px 28px #14213b08;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .mobile-dock-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:520px;margin:auto}
  .mobile-dock-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;min-width:0;padding:7px 2px;border-radius:15px;color:#555f71;font-size:.875rem;font-weight:550;line-height:1.25;text-align:center;transition:color .18s,background .18s}
  .mobile-dock-item svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-dock-item>span{max-width:100%;overflow-wrap:anywhere}
  .mobile-dock-item[aria-current=location]{background:#eaf1fc;color:var(--blue)}
  .mobile-dock-item:active{background:#e1eafb}
  .mobile-dock-item:focus-visible{outline-offset:-2px}
  .mobile-dock-item[hidden]{display:none!important}
  .mobile-dock-inner:has(.mobile-dock-item[hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobile-menu{max-height:calc(100dvh - var(--header) - var(--mobile-dock-height));scroll-padding-bottom:16px}
  body.modal-open .mobile-dock,.mobile-dock.is-keyboard-open{visibility:hidden;pointer-events:none}
}
@media(forced-colors:active){
  .mobile-dock-item[aria-current=location]{outline:2px solid Highlight;outline-offset:-3px}
}