/* Main Academy navigation, scoped to the free-course header and its blue palette. */
.academy-main-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:112px;padding:20px 56px;background:#f8f7f2;color:#425b6b;border-bottom:1px solid #425b6b18}
.academy-main-header .brand-official{display:block;flex-shrink:0;text-decoration:none}
.academy-main-header .brand-official img{display:block;width:155px;height:auto;aspect-ratio:972/450;object-fit:contain}
.academy-main-header nav{display:flex;align-items:center;gap:22px}
.academy-main-header nav>a:not(.button){font:400 14px/1.7 Inter,Arial,sans-serif;text-decoration:none}
.academy-main-header nav>a:hover,.academy-main-header nav>a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.academy-main-header nav .button{font:400 14px/1.35 Inter,Arial,sans-serif;min-height:50px;padding:15px 22px}
.academy-main-header .menu-toggle{display:none;position:relative;background:transparent;color:#425b6b;border:1px solid #425b6b;border-radius:0;min-height:46px;padding:11px 18px;font:400 14px/1.35 Inter,Arial,sans-serif;flex-shrink:0;cursor:pointer}
.academy-main-header .menu-toggle-content{display:inline-flex;align-items:center;justify-content:center;gap:10px;vertical-align:middle}
.academy-main-header .menu-toggle-content svg{display:block;flex:none}
.academy-main-header .menu-toggle:hover{color:#2e4554;border-color:#2e4554}
@media(max-width:1350px){.academy-main-header{padding-inline:32px}.academy-main-header nav{gap:15px}.academy-main-header nav>a:not(.button){font-size:13px}.academy-main-header nav .button{padding:14px 17px}}
@media(max-width:1180px){.academy-main-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:25px 32px;background:#f8f7f2;flex-direction:column;align-items:stretch;gap:8px;z-index:20;border-bottom:1px solid #b8c3c8}.academy-main-header nav.open{display:flex}.academy-main-header .menu-toggle{display:block}.academy-main-header nav>a:not(.button){font-size:16px;padding:9px 0}}
@media(max-width:800px){.academy-main-header{min-height:90px;padding:14px 22px}.academy-main-header .brand-official img{width:120px}}

/* Compact menu on phones, with comfortable link spacing. */
@media(max-width:760px){.academy-main-header nav{gap:2px;padding:16px 24px}.academy-main-header nav>a:not(.button){padding:6px 0;line-height:1.5}}