/* Floating bottom menu (shared). Glass pill in the style of Apple's dock. */
.dock{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:2px;padding:5px;border-radius:980px;background:rgba(29,29,31,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 10px 30px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.08);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Inter",Arial,sans-serif;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .3s}
.dock a{position:relative;display:inline-flex;align-items:center;height:38px;padding:0 15px;border-radius:980px;color:rgba(255,255,255,.86);font-size:14px;font-weight:500;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.dock a:hover{background:rgba(255,255,255,.12);color:#fff}
.dock a[aria-current="page"]{background:#fff;color:#1d1d1f}
.dock a:focus-visible{outline:2px solid #2997ff;outline-offset:2px}
.dock.is-hidden{transform:translate(-50%,140%);opacity:0}
body.has-dock{padding-bottom:84px}
body.has-dock .footer{padding-bottom:12px}
@media (max-width:600px){
  .dock{max-width:calc(100vw - 20px);overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
  .dock::-webkit-scrollbar{display:none}
  .dock a{height:36px;padding:0 12px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){.dock{transition:none}}
@media (max-width:430px){.dock a{padding:0 8px;font-size:12.5px;height:34px}.dock{padding:4px}}