/* Mobile navigation follows the reader's palette and leaves the chapter drawer available. */
.mobile-nav{display:none}
@media screen and (max-width:760px){
 :root{--mobile-nav-height:68px}
 body{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px))}
 .mobile-nav{position:fixed;z-index:35;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;left:0;right:0;bottom:0;min-height:var(--mobile-nav-height);padding:4px max(5px,env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(5px,env(safe-area-inset-left,0px));background:var(--paper);border-top:1px solid var(--line);box-shadow:0 -6px 24px #00000008;transform:translateY(0);transition:transform .22s cubic-bezier(.2,.75,.2,1),opacity .22s;opacity:1;will-change:transform}
 .mobile-nav.is-hidden{transform:translateY(calc(100% + 2px));opacity:0;pointer-events:none}
 .mobile-nav button{position:relative;min-width:0;min-height:56px;padding:6px 2px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:9px;color:var(--muted);font-size:10px;line-height:1.15;text-align:center;overflow-wrap:anywhere}
 .mobile-nav button svg{width:20px;height:20px;flex-shrink:0}
 .mobile-nav button>span:not(.count){display:block;max-width:100%;min-height:12px}
 .mobile-nav button.active{color:var(--ink);background:var(--soft);font-weight:600}
 .mobile-nav button .count{position:absolute;top:3px;right:6px;font:9px/1.3 var(--sans);color:var(--accent)}
 .mobile-nav button .count:empty{display:none}
 .sidebar .primary-nav,.sidebar .sidebar-eyebrow,.sidebar-collapsed .sidebar .sidebar-eyebrow{display:none}
 .sidebar #side-context .side-section{margin-top:0;border-top:0;padding-top:0}
 .sidebar{bottom:0}
 .toast{bottom:calc(var(--mobile-nav-height) + 14px + env(safe-area-inset-bottom,0px))}
 .focus-mode .mobile-nav{display:grid}
}
@media screen and (max-width:360px){.mobile-nav button{font-size:9px}.mobile-nav button svg{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.mobile-nav{transition:none}}
@media print{.mobile-nav{display:none!important}body{padding-bottom:0}}