
@media(max-width:760px){
 body>.site-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:18px!important;padding:8px 14px!important;min-height:62px;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 body>.site-header::-webkit-scrollbar{display:none}
 .site-header>.brand{order:0;flex:0 0 auto!important;text-align:left!important;font-size:19px!important;white-space:nowrap}
 .site-header>.brand span{font-size:9px!important;letter-spacing:1.2px!important;margin-top:3px!important}
 .site-header>.nav-start{order:1;display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;width:auto!important;max-width:none!important;gap:18px!important;margin:0!important;padding:0!important;border:0!important;overflow:visible!important}
 .site-header>.nav-end{order:2;display:flex!important;flex:0 0 auto!important;align-items:center!important;gap:10px!important;margin:0!important}
 .site-header .nav-start>a,.site-header .courses-menu>summary,.site-header .course-calendar-menu>summary{font-size:13px!important;min-height:44px!important;padding:8px 0!important;white-space:nowrap!important}
 .site-header .nav-interest,.site-header .nav-contact{white-space:nowrap!important;font-size:12px!important;padding:8px 10px!important;min-height:40px!important}
 .site-header .nav-contact span{width:18px!important;height:18px!important;font-size:13px!important}
 .site-header .courses-dropdown,.site-header .course-calendar-dropdown{position:fixed!important;top:70px!important;left:12px!important;right:auto!important;transform:none!important;width:280px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 85px);overflow-y:auto}
 html{scroll-padding-top:80px}
}

@media(max-width:760px){body>.site-header,body>.site-header.is-scrolled{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;filter:none!important}}

@media(max-width:760px){
.mobile-menu-panel{position:fixed!important;z-index:10000!important;width:280px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);overflow-y:auto;padding:8px;background:#faf7f0;color:#263f45;border:1px solid #ded3bf;border-radius:12px;box-shadow:0 14px 36px rgba(16,35,38,.2)}
.mobile-menu-panel[hidden]{display:none!important}
.mobile-menu-panel a{display:block;min-height:44px;box-sizing:border-box;padding:12px 14px;color:#263f45!important;font-size:14px!important;line-height:1.4;text-decoration:none;border-radius:7px}
.mobile-menu-panel a:hover,.mobile-menu-panel a:focus-visible{background:#e8e4db}
.mobile-menu-panel .past-year-links{display:flex;padding-left:12px}
}
/* Portalled mobile menus are positioned from the viewport, without desktop centring. */
@media(max-width:760px){
 body>.mobile-menu-panel{transform:none!important;right:auto!important;min-width:0;box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;padding:6px;border-radius:10px;max-height:calc(100dvh - 90px)}
 body>.mobile-menu-panel a{min-height:44px;padding:10px 12px!important;font-size:14px!important;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
 body>.mobile-menu-panel .past-year-links{padding-left:8px;gap:8px}
 body>.mobile-menu-panel .past-year-links a{flex:1}
}
