.mobile-bottom-nav{display:none}
@media(max-width:849px){
 :root{--mobile-nav-space:calc(64px + env(safe-area-inset-bottom,0px));--mobile-fixed-space:calc(var(--mobile-nav-space) + 18px)}
 html:has(.mobile-bottom-nav){scroll-padding-bottom:var(--mobile-fixed-space)}
 body:has(.mobile-bottom-nav){padding-bottom:var(--mobile-fixed-space)}
 .mobile-bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:85;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:var(--mobile-nav-space);padding:4px max(6px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(6px,env(safe-area-inset-left,0px));background:#fffef8;border-top:1px solid #dbe2ce;box-shadow:0 -3px 18px #173f370d}
 .mobile-bottom-nav>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:59px;min-width:0;border-radius:9px;color:#52675e;font-size:11.44px;font-weight:650;text-decoration:none;line-height:1.4}
 .mobile-bottom-nav>a[aria-current=page]{color:#16483f;background:#edf3dd}
 .mobile-bottom-nav>a:focus-visible{outline:3px solid #16483f;outline-offset:-3px}
 .mobile-bottom-nav b{position:absolute;top:0;inset-inline-start:calc(50% + 7px);background:#16483f;color:white;border-radius:20px;min-width:17px;padding:1px 4px;font-size:10.4px;line-height:15px;text-align:center}
 .mobile-bottom-nav b:empty,.mobile-bottom-nav b[hidden]{display:none}
 body:has(.mobile-bottom-nav) .compare-bar{bottom:calc(var(--mobile-nav-space) + 10px)}
 body:has(.mobile-bottom-nav) .teacher-floating-contact{bottom:calc(var(--mobile-nav-space) + 10px)}
 body:has(.mobile-bottom-nav):has(.teacher-floating-contact){padding-bottom:calc(var(--mobile-nav-space) + 110px)}
 body:has(.mobile-bottom-nav):has(.teacher-floating-contact) .compare-bar{bottom:calc(var(--mobile-nav-space) + 100px)}
 html:has(.mobile-bottom-nav):has(.teacher-floating-contact){--mobile-fixed-space:calc(var(--mobile-nav-space) + 110px)}
 html:has(.mobile-bottom-nav):has(.compare-bar:not([hidden])){scroll-padding-bottom:calc(var(--mobile-fixed-space) + 80px)}
 body:has(.mobile-bottom-nav):has(.compare-bar:not([hidden])){padding-bottom:calc(var(--mobile-fixed-space) + 80px)}
 body:has(dialog[open]) .mobile-bottom-nav,body:has(dialog[open]) .compare-bar{display:none}
}