.age-header{position:relative;z-index:50}
.age-navigation nav{position:relative}
.age-navigation .agn-menu{position:relative;padding:0;border:0;margin:0}
.age-navigation .agn-menu>summary{display:flex;align-items:center;gap:7px;list-style:none;min-height:44px;padding:0;font-size:inherit;font-weight:inherit;line-height:1.8;color:inherit;white-space:nowrap}
.age-navigation .agn-menu>summary::-webkit-details-marker{display:none}
.age-navigation .agn-menu>summary::marker{content:""}
.agn-menu>summary svg{flex-shrink:0}
.agn-menu[open]>summary{color:#423593}
.agn-menu[open]>summary svg{transform:rotate(180deg)}
.agn-menu>.agn-course-list{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:350px;max-width:calc(100vw - 36px);max-height:min(65vh,430px);overflow-y:auto;overscroll-behavior:contain;padding:9px;background:#fff;border:1px solid #dfe4ef;border-radius:12px;box-shadow:0 12px 35px #20165b18}
.age-navigation .agn-course-list>a{display:block;padding:12px 14px;border-radius:7px;min-height:46px;font-size:13px;font-weight:600;line-height:1.9;color:#20243a;white-space:normal;overflow-wrap:anywhere}
.age-navigation .agn-course-list>a:hover,.age-navigation .agn-course-list>a:focus-visible{background:#f1f5fa;color:#20165b;outline-offset:-3px}
.age-navigation .agn-course-list>.agn-all-courses{margin-top:6px;border-top:1px solid #e8ebf2;border-radius:0;color:#20165b;font-weight:750}
.age-navigation .agn-menu>summary:focus-visible{outline:3px solid #3976c9;outline-offset:4px;border-radius:4px}
.agn-native-parent>.sub-menu{width:350px!important;max-width:calc(100vw - 36px);max-height:min(65vh,430px);overflow-y:auto;overscroll-behavior:contain}
.agn-native-parent>.sub-menu>.agn-native-course>a{white-space:normal!important;line-height:1.9!important;min-height:44px}
@media(max-width:760px){.age-navigation nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;row-gap:0;font-size:12px}.age-navigation nav>a,.age-navigation nav>.agn-menu{display:flex;justify-content:center;align-items:center;min-height:44px}.age-navigation .agn-menu{position:static}.agn-menu>.agn-course-list{right:0;left:0;top:calc(100% + 10px);width:auto;max-width:none}.age-navigation .agn-course-list>a{padding:11px 12px;font-size:13px}.agn-native-parent>.sub-menu{width:100%!important;max-width:100%}}
@media(max-width:380px){.age-navigation nav{font-size:11px;column-gap:6px}}
@media(max-width:340px){.age-navigation nav{font-size:10px}}


/* Keep the desktop pointer path continuous. The scrollable submenu clips the
   theme's own outside hover bridge, so put this bridge on its parent instead. */
@media (min-width:992px) {
 .site-header .studiare-navigation ul.menu > .agn-native-parent::after {
  content:"";position:absolute;top:100%;right:0;width:350px;max-width:calc(100vw - 36px);
  height:14px;background:transparent;z-index:201;visibility:hidden;pointer-events:none;
 }
 .site-header .studiare-navigation ul.menu > .agn-native-parent:is(:hover,:focus-within)::after {
  visibility:visible;pointer-events:auto;
 }
 .site-header .studiare-navigation ul.menu > .agn-native-parent > .sub-menu {
  transform:none!important;animation:none!important;transition:opacity .12s ease,visibility .12s ease;
 }
 .site-header .studiare-navigation ul.menu > .agn-native-parent:is(:hover,:focus-within) > .sub-menu {
  opacity:1;visibility:visible;
 }
}