.classes-menu{position:relative;margin:0}.classes-menu summary{color:inherit;font-weight:600;cursor:pointer;padding:12px;border-radius:6px;list-style:none}.classes-menu summary::after{content:" ▾"}.classes-menu>ul{position:absolute;z-index:1000;min-width:240px;max-width:340px;right:0;display:flex!important;flex-direction:column!important;gap:0!important;list-style:none;background:#1257bd;padding:8px!important;border-radius:10px;box-shadow:0 6px 20px #001b4d40}.classes-menu>ul>li{width:100%;margin:0}.classes-menu>ul a{display:block;white-space:normal;color:white!important;padding:12px!important;text-decoration:none}.classes-menu summary:hover,.classes-menu a:hover{background:#ffffff22}@media(max-width:650px){.classes-menu>ul{position:relative;right:auto;min-width:0;max-width:100%;width:100%;box-shadow:none}.classes-menu{width:100%}}

/* Keep long course catalogs usable without covering the remaining phone links. */
.classes-menu>ul{max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:700px){header nav .classes-menu[open]{width:100%;flex-basis:100%}header nav .classes-menu>ul{position:static!important;left:auto!important;right:auto!important;width:100%!important;max-width:100%!important;min-width:0;max-height:55vh;box-sizing:border-box}header nav{flex-wrap:wrap}header nav>a{white-space:normal}}

.class-session{border-left:3px solid #087c9b;padding:14px;margin:12px 0;background:#f0f7fb;color:#153650}.class-session h4{margin:0 0 8px}.class-session-details{min-width:0;overflow-wrap:anywhere}

.classes-menu .course-menu-heading{padding:8px 12px;color:#dcecff;font-size:12px;letter-spacing:1px;text-transform:uppercase;box-sizing:border-box}