/* Mobile quick access: isolated from desktop and all modal layers. */
.mobile-dock{display:none}
@media(max-width:760px){
 body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
 html{scroll-padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 .mobile-dock{position:fixed;z-index:80;left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr 1.25fr 1fr 1fr;gap:4px;padding:6px;border:1px solid #ffffff24;border-radius:19px;background:rgba(17,35,47,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 24px #05182426}
 .mobile-dock>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:56px;border-radius:13px;color:#d0e0e8;text-decoration:none;font-size:10px;font-weight:600;line-height:1.3;letter-spacing:0;transition:background .18s,color .18s,transform .18s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
 .mobile-dock>a>svg{width:21px;height:21px;flex-shrink:0}
 .mobile-dock>a.dock-book{background:#30383f;color:#f5f7f8}
 .mobile-dock>a[aria-current="location"]:not(.dock-book){background:#ffffff12;color:#b3e5f7}
 .mobile-dock>a:focus-visible{outline:2px solid #c4eeff;outline-offset:2px}
 .mobile-dock>a:active{transform:scale(.96);background:#2b495c}
 .mobile-dock>a.dock-book:active{background:#414a52}
 .mobile-dock.is-suspended,body:has(dialog[open]) .mobile-dock,body:has(.mobile-nav:not([hidden])) .mobile-dock{display:none}
}
@media(max-width:350px){.mobile-dock{left:8px;right:8px;padding:5px;gap:2px;border-radius:17px}.mobile-dock>a{font-size:9px;min-height:56px}}
@media(prefers-reduced-motion:reduce){.mobile-dock>a{transition:none}.mobile-dock>a:active{transform:none}}