/* Keep long professional menus reachable below the original sticky header.
   The existing header is at most 146px in these breakpoints; 160px reserves its height plus breathing room.
   Border-box includes the existing vertical padding in the viewport limit. No desktop or disclosure state changes. */
@media (max-width:1050px) {
    body .hp-header .hp-mobile-nav > nav {
        box-sizing: border-box;
        max-height: calc(100vh - 160px);
        max-height: max(44px, calc(100vh - 160px));
        max-height: max(44px, calc(100dvh - 160px));
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
    }
}
/* The course mini-site keeps its mobile menu through 1199px. */
@media (min-width:1051px) and (max-width:1199px) {
    body.cp-portal .hp-header .hp-mobile-nav > nav {
        box-sizing: border-box;
        max-height: calc(100vh - 160px);
        max-height: max(44px, calc(100vh - 160px));
        max-height: max(44px, calc(100dvh - 160px));
        overflow-y: auto;
        overscroll-behavior-y: contain;
        -webkit-overflow-scrolling: touch;
    }
}