:root{--portal-bottom-nav-height:68px}
@media screen{
html:has([data-student-navigation]){scroll-padding-bottom:calc(var(--portal-bottom-nav-height) + var(--portal-cart-clearance,0px) + 20px + env(safe-area-inset-bottom,0px))}
html:has(#portalPage[data-portal-page=detail] .mk-cart-float:not([hidden])){--portal-cart-clearance:90px}
/* portalPage uses display:contents; reserve space on the real content box. */
#portalPage[data-portal-page=detail]:has([data-student-navigation]) #mainContent.shell,#portalPage[data-portal-page=guide]:has([data-student-navigation]) main.shell{padding-bottom:calc(var(--portal-bottom-nav-height) + var(--portal-cart-clearance,0px) + 20px + env(safe-area-inset-bottom,0px))}
}
body:has(>[data-student-navigation]){padding-bottom:calc(var(--portal-bottom-nav-height) + 20px + env(safe-area-inset-bottom,0px))}
nav.student-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:block;min-height:calc(var(--portal-bottom-nav-height) + env(safe-area-inset-bottom,0px));padding:6px 12px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--portal-line,#dee6ef);background:var(--portal-surface,#fcfbf8);color:var(--portal-muted,#6a6f7b);box-sizing:border-box;font:500 10px/1.4 Poppins,sans-serif;letter-spacing:0}
.student-bottom-nav *{box-sizing:border-box;letter-spacing:0}
.student-nav-track{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:840px;min-height:55px;margin:0 auto;isolation:isolate}
nav.student-bottom-nav[data-nav-items="4"] .student-nav-track{grid-template-columns:repeat(4,minmax(0,1fr));max-width:640px}
nav.student-bottom-nav[data-nav-items="5"] .student-nav-track{grid-template-columns:repeat(5,minmax(0,1fr));max-width:720px}
nav.student-bottom-nav[data-nav-items="7"] .student-nav-track{grid-template-columns:repeat(7,minmax(0,1fr))}
.student-nav-liquid{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;pointer-events:none;display:none}
.student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-liquid{display:block}
.student-bottom-nav .student-nav-link{position:relative;display:grid;grid-template-rows:34px 15px;align-items:center;justify-items:center;align-content:center;gap:2px;min-width:0;min-height:55px;margin:0 5px;padding:2px 0;border:0;border-radius:8px;background:none;color:var(--portal-muted,#6a6f7b);font:500 10.5px/15px Poppins,sans-serif;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.student-bottom-nav .student-nav-link::before{content:'';position:absolute;top:2px;left:50%;width:min(56px,calc(100% - 8px));height:34px;border-radius:999px;transform:translateX(-50%);z-index:-1;pointer-events:none}
.student-bottom-nav .student-nav-link[aria-current=page]{font-weight:600;color:var(--portal-action-start,#075985)}
.student-bottom-nav .student-nav-link[aria-current=page]::before{background:var(--portal-control-gradient,linear-gradient(105deg,#02679b,#0c7c9f))}
.student-bottom-nav .student-nav-link[aria-current=page] .mk-nav-icon{color:#fff}
.student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-link[aria-current=page]{font-weight:500;color:var(--portal-muted,#6a6f7b)}
.student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-link[aria-current=page]::before{background:none}
.student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-link[aria-current=page] .mk-nav-icon{color:inherit}
.student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-link.is-nav-target{color:var(--portal-action-start,#075985);font-weight:600}
.student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-link.is-liquid-covered .mk-nav-icon{color:#fff}
.student-bottom-nav .student-nav-link:focus-visible{outline:2px solid var(--portal-action-start,#075985);outline-offset:-2px}
.student-bottom-nav .mk-nav-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;overflow:visible}
.student-bottom-nav .mk-nav-icon>i{font-size:17px}
.student-bottom-nav .mk-nav-badge{position:absolute;top:-6px;left:calc(100% - 5px);display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--portal-surface,#fcfbf8);border-radius:999px;background:#d52b35;color:#fff;font:600 9px/1 Poppins,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}
.student-bottom-nav .mk-nav-badge[hidden]{display:none!important}
.student-bottom-nav .mk-nav-description{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.student-nav-label{max-width:100%;line-height:15px;overflow:hidden;text-overflow:ellipsis}
html[data-theme=dark] .student-bottom-nav{background:#242a30;border-color:#46515d;color:#bdc4cb}
html[data-theme=dark] .student-bottom-nav .student-nav-link{color:#bdc4cb}
html[data-theme=dark] .student-bottom-nav .student-nav-link[aria-current=page],html[data-theme=dark] .student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-link.is-nav-target{color:#9cdbf6}
html[data-theme=dark] .student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-link[aria-current=page]:not(.is-nav-target){color:#bdc4cb}
html[data-theme=dark] .student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-link.is-liquid-covered .mk-nav-icon{color:#fff}
html[data-theme=dark] .student-bottom-nav .mk-nav-badge{border-color:#242a30}
@media(max-width:600px){nav.student-bottom-nav{padding-inline:4px}.student-bottom-nav .student-nav-link{margin-inline:0;padding-inline:0}}
@media(max-width:359px){nav.student-bottom-nav{padding-inline:0}.student-bottom-nav .student-nav-link{font-size:9.5px}}
@media(max-width:479px){nav.student-bottom-nav[data-nav-items="7"]{padding-inline:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--portal-line) transparent}nav.student-bottom-nav[data-nav-items="7"] .student-nav-track{min-width:448px}}
@media(min-width:768px){.student-bottom-nav .student-nav-link{font-size:11px}}
@media(hover:hover){.student-bottom-nav .student-nav-link:not([aria-current]):not(.is-nav-target):hover::before{background:var(--portal-soft,#f0f4f8)}}
@media(prefers-reduced-motion:no-preference){.student-bottom-nav .mk-nav-icon{transition:color .12s ease}}
@media(forced-colors:active){nav.student-bottom-nav{background:Canvas;color:CanvasText;border-color:CanvasText}.student-bottom-nav .student-nav-link,.student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-link.is-nav-target{color:CanvasText}.student-bottom-nav .student-nav-link::before{background:none!important}.student-bottom-nav .student-nav-link[aria-current=page],.student-bottom-nav .student-nav-link:focus-visible{outline:2px solid Highlight}.student-bottom-nav .student-nav-link[aria-current=page] .mk-nav-icon,.student-bottom-nav.is-liquid-ready.has-nav-selection .student-nav-link.is-liquid-covered .mk-nav-icon{color:CanvasText}.student-nav-liquid{display:none!important}.student-bottom-nav .mk-nav-badge{background:Highlight;color:HighlightText;border-color:CanvasText}}
@media print{nav.student-bottom-nav{display:none!important}}