@import url("/components/zh-navigation-fonts.css?v=495");

/* Shared by every Chinese page. Section-level styles do not control the header. */
html[lang^="zh"] #top.site-header {
  --zh-nav-font: "EBOX Navigation SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  font-family: var(--zh-nav-font);
  font-weight: 700;
  letter-spacing: 0;
}

html[lang^="zh"] #top.site-header .nav-shell {
  width: min(calc(100% - 2 * var(--ds-gutter)), var(--ds-content));
  margin-inline: auto;
}

html[lang^="zh"] #top #primaryNav > .nav-link,
html[lang^="zh"] #top #primaryNav > .nav-dropdown > .nav-dropdown-toggle,
html[lang^="zh"] #top #primaryNav > .nav-cta,
html[lang^="zh"] #top .language-option {
  font-family: var(--zh-nav-font) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

html[lang^="zh"] #top .mobile-nav-panel a,
html[lang^="zh"] #top .mobile-nav-panel summary {
  font-family: var(--zh-nav-font);
}

@media (min-width: 1081px) {
  html[lang^="zh"] #top.site-header .nav-shell,
  html[lang^="zh"] #top #primaryNav {
    height: 68px;
  }

  html[lang^="zh"] #top #primaryNav {
    gap: clamp(10px, 1vw, 19px);
  }

  html[lang^="zh"] #top.site-header .brand {
    flex: 0 0 170px;
  }

  html[lang^="zh"] #top.site-header .brand img {
    width: 170px;
    height: auto;
  }
}