/* Phase 6 language typography and wrapping rules. */

html:lang(ja) body {
  font-family: var(--font-ja);
}

html:lang(zh-CN) body {
  font-family: "Noto Sans CJK SC", "Microsoft YaHei", "PingFang SC", sans-serif;
}

html:lang(zh-TW) body {
  font-family: "Noto Sans CJK TC", "Microsoft JhengHei", "PingFang TC", sans-serif;
}

html:lang(en) body {
  font-family: var(--font-latin);
}

html:lang(zh-CN) .home-hero-ja h1,
html:lang(zh-TW) .home-hero-ja h1 {
  font-size: clamp(23px, 2.4vw, 32px);
  line-height: 1.3;
  letter-spacing: 0;
}

html:lang(zh-CN) .home-hero-ja h1 span,
html:lang(zh-TW) .home-hero-ja h1 span,
html:lang(en) .home-hero-ja h1 span {
  white-space: normal;
}

html:lang(zh-CN) .page-hero-ja h1,
html:lang(zh-TW) .page-hero-ja h1 {
  line-height: 1.35;
  letter-spacing: 0;
}

html:lang(en) .page-hero-ja h1 {
  max-width: 24ch;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

html:lang(zh-CN) .page-section-ja__intro p,
html:lang(zh-TW) .page-section-ja__intro p,
html:lang(en) .page-section-ja__intro p,
html:lang(zh-CN) .page-hero-ja__text,
html:lang(zh-TW) .page-hero-ja__text,
html:lang(en) .page-hero-ja__text {
  line-height: 1.8;
}

html:lang(en) .page-section-ja__intro,
html:lang(en) .page-hero-ja__inner {
  max-width: 68ch;
}

html:lang(en) .about-profile-ja__list > div {
  grid-template-columns: minmax(10em, 0.42fr) minmax(0, 1fr);
}

html:lang(zh-CN) .page-flow-ja h3,
html:lang(zh-TW) .page-flow-ja h3,
html:lang(en) .page-flow-ja h3,
html:lang(zh-CN) .page-open-list h3,
html:lang(zh-TW) .page-open-list h3,
html:lang(en) .page-open-list h3 {
  line-height: 1.45;
}