/* One shared navigation treatment across Muyao's seven languages. */
.main-header{height:88px!important;padding-inline:4vw!important;gap:22px!important;border-top:0!important;border-bottom:1px solid #122a8810!important;background:#ffffffed!important;backdrop-filter:blur(18px) saturate(1.15)!important;transition:transform .28s cubic-bezier(.2,.7,.2,1),height .22s,margin-bottom .22s,box-shadow .22s,background .22s!important}
.main-header .header-brand img{width:276px!important;transition:width .22s!important}
.main-header .desktop-nav{height:auto!important;gap:3px!important;padding:5px!important;background:#f1f4f8;border:1px solid #122a8808;border-radius:10px}
.main-header .desktop-nav a{padding:10px 13px!important;border-radius:6px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}
.main-header .desktop-nav a:after{display:none!important}
.main-header .desktop-nav a:hover{background:#ffffffad;color:#122a88!important}
.main-header .desktop-nav a[aria-current=page]{background:white;color:#122a88!important;box-shadow:0 2px 8px #122a8810}
.main-header .header-actions{gap:14px!important}
.main-header .header-quote{background:#122a88!important;border-radius:8px;padding:12px 16px!important;gap:18px!important;box-shadow:0 4px 12px #122a8814;font-weight:600}
.main-header .header-quote:hover{background:#243fa2!important}
.main-header .header-quote span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff4d;border-radius:5px;font-size:17px}
.main-header #language-toggle{padding:10px 12px!important;min-height:44px;border:1px solid #122a881a!important;border-radius:8px;background:#ffffff85!important}
.main-header #language-toggle:hover,.main-header #language-toggle[aria-expanded=true]{background:#eef2f9!important;border-color:#122a8840!important}
.main-header #language-list{border-radius:12px!important;border:1px solid #122a8815!important;padding:8px!important;box-shadow:0 18px 45px #14213820!important;top:calc(100% + 12px)!important;max-height:min(70vh,480px);overflow-y:auto;overscroll-behavior:contain}
.main-header #language-list a{border-radius:7px}.main-header #language-list a[aria-current]{background:#edf2fb!important;color:#122a88!important}
.main-header.is-scrolled{height:72px!important;margin-bottom:16px;box-shadow:0 5px 24px #122a8810;background:#fffffff5!important}
.main-header.is-scrolled .header-brand img{width:246px!important}
.main-header.is-nav-away{transform:translateY(calc(-100% - 3px))!important;pointer-events:none}
.main-header:focus-within{transform:none!important;pointer-events:auto}
.main-header a:focus-visible,.main-header button:focus-visible{outline:2px solid #122a88!important;outline-offset:3px!important}
.main-header #mobile-toggle{width:44px;height:44px;border:1px solid #122a881a!important;border-radius:8px;position:relative}
.main-header #mobile-toggle span{background:#122a88!important;transition:transform .2s}
.main-header #mobile-toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}
.main-header #mobile-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.main-header #mobile-links{border-top:1px solid #122a8810!important;border-radius:0 0 16px 16px;padding:12px 4vw 20px!important;gap:6px!important;max-height:calc(100dvh - 88px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 35px #1421381a!important}
.main-header #mobile-links a{border:0!important;border-radius:8px;padding:16px!important;background:#f4f6f9;font-weight:600}
.main-header #mobile-links a[aria-current=page]{color:#122a88!important;background:#eaf0fc}
.main-header #mobile-links .mobile-quote{grid-column:1/-1;background:#122a88!important;color:white!important;text-align:center}
.main-header :is(#mobile-links,#language-list):not([hidden]){animation:muyao-menu-reveal .18s ease-out}
@keyframes muyao-menu-reveal{from{opacity:.3;translate:0 -5px}to{opacity:1;translate:0 0}}
@media(min-width:1001px) and (max-width:1200px){.main-header{gap:12px!important;padding-inline:2.5vw!important}.main-header .header-brand img{width:235px!important}.main-header .desktop-nav a{padding:10px 8px!important}.main-header .header-actions{gap:9px!important}.main-header .header-quote{gap:10px!important;padding:11px 13px!important}}
@media(max-width:1000px){.main-header{height:76px!important;padding-inline:4vw!important;gap:14px!important}.main-header .desktop-nav,.main-header .header-quote{display:none!important}.main-header .header-brand img{width:245px!important}.main-header.is-scrolled{height:68px!important;margin-bottom:8px}.main-header.is-scrolled .header-brand img{width:230px!important}.main-header #language-toggle{padding:9px!important}}
@media(max-width:600px){.main-header{height:70px!important;padding-inline:14px!important;gap:8px!important}.main-header .header-brand img{width:clamp(150px,49vw,205px)!important}.main-header.is-scrolled{height:64px!important;margin-bottom:6px}.main-header.is-scrolled .header-brand img{width:clamp(150px,47vw,195px)!important}.main-header .header-actions{gap:7px!important}.main-header #language-toggle{padding:8px!important;font-size:11px!important}.main-header #language-list{right:-50px!important;width:210px!important}.main-header #mobile-toggle{padding:8px!important}.main-header #mobile-links a{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.main-header,.main-header *{transition:none!important}.main-header :is(#mobile-links,#language-list){animation:none!important}}

/* Keep navigation independent of page typography and translated text length. */
.main-header{box-sizing:border-box!important;min-height:0!important;padding-block:0!important;flex-wrap:nowrap!important;line-height:1.4!important}
.main-header :is(.desktop-nav,.header-actions,.header-brand){flex-wrap:nowrap!important;min-height:0!important}
.main-header .desktop-nav{height:44px!important;flex-shrink:0!important}
.main-header .desktop-nav a{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;line-height:20px!important;padding-block:6px!important;font-size:12px!important}
.main-header .header-quote{white-space:nowrap!important;line-height:20px!important;flex-shrink:0!important}
.main-header #language-toggle{white-space:nowrap!important;line-height:20px!important}
.main-header .header-brand img{object-fit:contain!important;flex-shrink:0!important}

@media(max-width:1000px){.main-header #mobile-toggle{display:block!important}}
/* Keep full navigation at laptop widths; compress spacing before collapsing. */
@media(min-width:1001px){html .main-header .desktop-nav{display:flex!important}html .main-header .header-quote{display:inline-flex!important}html .main-header #mobile-toggle{display:none!important}}
@media(min-width:1001px) and (max-width:1350px){
html .main-header{padding-inline:2vw!important;gap:12px!important}
html .main-header .header-brand{flex:0 0 auto!important}
html .main-header .header-brand img,html .main-header.is-scrolled .header-brand img{width:200px!important}
html .main-header .desktop-nav{gap:0!important;padding:4px!important;margin-inline-start:auto!important}
html .main-header .desktop-nav a{padding-inline:8px!important;font-size:11px!important}
html .main-header .header-actions{gap:8px!important;flex:0 0 auto!important;margin-inline-start:0!important}
html .main-header .header-quote{padding:10px 12px!important;gap:8px!important;font-size:11px!important}
html .main-header .header-quote span{width:20px;height:20px;font-size:14px}
html .main-header #language-toggle{padding:9px!important;font-size:11px!important}
}
@media(min-width:1001px) and (max-width:1100px){html .main-header{gap:9px!important}html .main-header .header-brand img,html .main-header.is-scrolled .header-brand img{width:180px!important}html .main-header .desktop-nav a{padding-inline:6px!important}html .main-header .header-quote span{display:none!important}html .main-header .header-actions{gap:6px!important}}