/* T81: the language switch (nav.ym-lang) in the Chinese header. Styles only that nav and its spacing. */
.ym-lang{flex:none;display:flex;align-items:center;gap:6px;font:500 13px/1 var(--ym-sans);color:rgba(242,236,223,.4)}
.ym-lang a{color:rgba(242,236,223,.78);text-decoration:none;padding:8px 4px;letter-spacing:.04em}
.ym-lang a:hover{color:#fff}
.ym-lang a[aria-current]{color:var(--ym-gold);box-shadow:inset 0 -1px 0 var(--ym-gold)}
.ym-lang a:focus-visible{outline:2px solid var(--ym-violet);outline-offset:2px}
@media(max-width:1080px){
  .ym-lang{margin-left:auto}
  .ym-lang + .ym-pick-btn{margin-left:0}
}
@media(max-width:640px){
  .ym-lang{gap:3px;font-size:12px}
  .ym-lang a{padding:8px 2px}
}
/* T81 fix: Chinese phone header room for the switch; hamburger never shrinks (mirrors the English phone header) */
@media(max-width:640px){
  html:lang(zh-Hans) .ym-header-inner{gap:8px}
  html:lang(zh-Hans) .ym-header-inner > .ym-menu-btn{flex:none;width:42px;min-width:42px;height:42px}
  html:lang(zh-Hans) .ym-header-inner > .ym-logo{flex:0 0 auto}
}
@media(max-width:400px){
  html:lang(zh-Hans) .ym-header-inner{gap:6px}
  html:lang(zh-Hans) .ym-logo img{width:112px}
  html:lang(zh-Hans) .ym-lang{gap:2px}
  html:lang(zh-Hans) .ym-lang a{padding:8px 1px}
  html:lang(zh-Hans) .ym-pick-btn{padding:4px 7px}
}
@media(max-width:360px){
  html:lang(zh-Hans) .ym-logo img{width:100px}
}
