.mobile-bottom-nav{display:none}
@media(max-width:1000px){
:root{--academy-nav-height:calc(70px + env(safe-area-inset-bottom,0px))}
body:has(.mobile-bottom-nav){padding-bottom:var(--academy-nav-height)!important}
.student-shell{padding-bottom:0!important}
.mobile-bottom-nav{position:fixed!important;inset:auto 0 0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));height:var(--academy-nav-height);min-height:70px;box-sizing:border-box;z-index:80;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));margin:0;background:#03182d;border-top:1px solid #22517a;box-shadow:0 -6px 20px #00122533;transform:none!important}
.mobile-bottom-nav>a,.mobile-bottom-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:0;min-height:54px;padding:4px;border:0;border-radius:9px;background:transparent;color:#bcd0e4;text-decoration:none;font:600 12px/1.2 system-ui,sans-serif;cursor:pointer}
.mobile-bottom-nav svg{width:21px;height:21px;flex-shrink:0}.mobile-bottom-nav .active{background:#0b3158;color:#ffd337}.mobile-bottom-nav :focus-visible{outline:2px solid #ffd337;outline-offset:-2px}
body:has(.mobile-purchase){padding-bottom:calc(var(--academy-nav-height) + 88px)!important}.mobile-purchase{bottom:var(--academy-nav-height)!important;padding-bottom:10px!important}
html{scroll-padding-bottom:calc(var(--academy-nav-height) + 16px)}
}