/* Compact navigation keeps labels visible and preserves the safe-area inset. */
@media(max-width:1023px){
 :root[data-theme=light] body .panel-quick-nav{gap:4px!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid #e8e9f1!important;box-shadow:0 -8px 28px #1f20240d!important}
 :root[data-theme=light] body .panel-quick-nav a{position:relative;box-sizing:border-box;min-width:0;min-height:56px;padding:5px 2px!important;border-radius:14px!important;color:#494a50!important;font-size:12px!important;line-height:1.35;text-align:center;transition:color .18s ease,background-color .18s ease}
 :root[data-theme=light] body .panel-quick-nav a span{max-width:100%;overflow-wrap:anywhere}
 :root[data-theme=light] body .panel-quick-nav a svg{width:22px;height:22px;flex:none;transition:transform .18s ease}
 :root[data-theme=light] body .panel-quick-nav a[aria-current=page]{background:#eaf2ff!important;color:#0056c8!important;font-weight:700}
 :root[data-theme=light] body .panel-quick-nav a[aria-current=page] svg{animation:bottom-nav-enter .3s ease-out both}
 :root[data-theme=light] body .panel-quick-nav a:focus-visible{outline:3px solid #0056c8;outline-offset:-3px}
 :root[data-theme=light] body .panel-quick-nav a:active svg{transform:scale(.9)}
}
@keyframes bottom-nav-enter{from{opacity:.55;transform:translateY(3px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){:root[data-theme=light] body .panel-quick-nav a,:root[data-theme=light] body .panel-quick-nav a svg{animation:none!important;transition:none!important}}
@media(max-width:360px){:root[data-theme=light] body.has-quick-nav #app{padding-bottom:calc(106px + env(safe-area-inset-bottom))}:root[data-theme=light] body.has-quick-nav .ref-footer{padding-bottom:calc(110px + env(safe-area-inset-bottom))}}