/* Chinese careers page: fluid spacing, a bounded desktop layout and natural rows. */
html[lang="zh-CN"] .careers-container .section-wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  height: auto;
  margin: 0 auto;
  padding: clamp(36px, 5vw, 72px) clamp(16px, 3vw, 40px);
  overflow: visible;
}

html[lang="zh-CN"] .careers-container h3 {
  margin: 0;
  font-size: clamp(26px, 2.5vw, 36px);
  line-height: 1.4;
}

html[lang="zh-CN"] .careers-container .careers-jobs {
  width: 100%;
  margin: clamp(28px, 3vw, 40px) 0 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: auto;
  gap: clamp(20px, 2.2vw, 28px);
  overflow: visible;
}

html[lang="zh-CN"] .careers-jobs::after {
  content: none;
}

html[lang="zh-CN"] .careers-jobs .card {
  justify-content: flex-start;
  padding: clamp(20px, 2.5vw, 32px);
  overflow-wrap: anywhere;
}

html[lang="zh-CN"] .careers-jobs .card h4 {
  font-size: clamp(21px, 1.9vw, 27px);
  line-height: 1.45;
  margin: 0 0 16px;
}

html[lang="zh-CN"] .careers-jobs .card ul {
  padding-left: 1.25rem;
}

html[lang="zh-CN"] .careers-jobs .card li {
  font-size: 16px;
  line-height: 1.75;
}

html[lang="zh-CN"] .careers-jobs .card li + li {
  margin-top: 8px;
}

html[lang="zh-CN"] #fancy-header > .wf-wrap {
  min-height: clamp(280px, 36vw, 500px);
  padding: 40px 20px !important;
  box-sizing: border-box;
}

html[lang="zh-CN"] #fancy-header .fancy-title {
  font-size: clamp(32px, 4.2vw, 58px);
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  html[lang="zh-CN"] .careers-container .careers-jobs {
    grid-template-columns: minmax(0, 1fr);
  }
}