/* Shared navigation stays beside the brand, including on narrow screens. */
body header{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px 20px;padding-top:12px;padding-bottom:12px}
body header .brand-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}
body header .brand-home{flex-shrink:0}
body header :is(.header-library,.header-m1){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #5eead477;border-radius:7px;font-size:16px;font-weight:650;color:#a0f7e5;text-decoration:none;white-space:nowrap}
body header :is(.header-library,.header-m1):hover,body header :is(.header-library,.header-m1)[aria-current="page"]{background:#174b56;color:white;border-color:#5eead4}
body header :is(.header-library,.header-m1):focus-visible{outline:3px solid #5eead4;outline-offset:3px}
body header .language-settings{margin-left:auto}
@media(max-width:650px){body header .brand-course{display:none}body header .brand-nav{gap:8px;flex-wrap:wrap}body header .brand-home strong{font-size:17px}body header :is(.header-library,.header-m1){padding:8px 10px}body header .language-settings{margin-left:0}}
@media(max-width:380px){body header .brand-nav{gap:6px}body header .brand-home strong{font-size:16px}body header :is(.header-library,.header-m1){font-size:14px;padding:8px}}