/* Korean typography is independent of the existing language editions. */
html[lang="ko"] {
  --font-sans: "Inter", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  --font-serif-en: "Inter", "Noto Sans KR", sans-serif;
}
html[lang="ko"] body,
html[lang="ko"] button,
html[lang="ko"] input,
html[lang="ko"] select,
html[lang="ko"] textarea { font-family: var(--font-sans); }
html[lang="ko"] * { letter-spacing: 0 !important; }
html[lang="ko"] h1,
html[lang="ko"] h2,
html[lang="ko"] h3,
html[lang="ko"] h4,
html[lang="ko"] p,
html[lang="ko"] li,
html[lang="ko"] dd { word-break: keep-all; overflow-wrap: anywhere; }
html[lang="ko"] h1,
html[lang="ko"] h2,
html[lang="ko"] h3,
html[lang="ko"] h4 { font-family: var(--font-sans); }
html[lang="ko"] p,
html[lang="ko"] .article-body,
html[lang="ko"] .overview-text { line-height: 1.85; }
html[lang="ko"] .page-header h1.page-title-centered { font-size: 48px; line-height: 1.4; max-width: 1080px; font-weight: 600; }
html[lang="ko"] .page-header h1.page-title-centered .title-annotation { font-size: 15px; line-height: 1.8; max-width: 780px; }
html[lang="ko"] .section-title,
html[lang="ko"] .section-heading,
html[lang="ko"] .block-title { font-size: 32px; line-height: 1.5; }
html[lang="ko"] .hero-title-cn { font-family: var(--font-sans); font-size: 88px; line-height: 1.15; }
html[lang="ko"] .hero-title-cn .zhi-eternal { margin-left: 0.6em; }
html[lang="ko"] .hero-title-cn .zhi-pure { color: var(--brand); }
html[lang="ko"] .hero-title-cn .zhi-eternal { color: var(--ink); }
html[lang="ko"] .hero-cn { font-family: var(--font-sans); font-size: 21px; line-height: 1.6; }
html[lang="ko"] .hero-sub { font-family: var(--font-sans); font-size: 14px; line-height: 1.85; max-width: 550px; }
html[lang="ko"] .nav-links { gap: 24px; font-family: var(--font-sans); }
html[lang="ko"] .nav-links > li > a { font-size: 13px; }
html[lang="ko"] .sidebar-nav a,
html[lang="ko"] .page-sidebar a { line-height: 1.65; font-size: 13px; }
html[lang="ko"] table { font-family: var(--font-sans); }
html[lang="ko"] th { line-height: 1.6; word-break: keep-all; }
html[lang="ko"] .value-name { font-size: 34px; line-height: 1.4; }
html[lang="ko"] .gr { --g-sans: var(--font-sans); --g-zh: var(--font-sans); }
html[lang="ko"] .gr-lbl span { font-size: 13px; }
html[lang="ko"] .gr-opt { line-height: 1.7; }
html[lang="ko"] .news-hero h1 { font-size: 44px; line-height: 1.4; }
html[lang="ko"] .job-title { font-size: 18px; line-height: 1.6; }
html[lang="ko"] .job-summary { line-height: 1.85; }
@media (min-width: 1021px) {
  html[lang="ko"] .hero,
  html[lang="ko"] .hero-inner { min-height: calc(100svh - var(--nav-h) - 24px); }
}
@media (min-width: 1021px) and (max-height: 800px) {
  html[lang="ko"] .hero-inner { padding: 32px var(--pad-x) 92px; }
  html[lang="ko"] .hero-eyebrow { margin-bottom: 20px; }
  html[lang="ko"] .hero-title-cn { font-size: 72px; margin-bottom: 24px; }
  html[lang="ko"] .hero-cn { font-size: 19px; margin-bottom: 18px; }
  html[lang="ko"] .hero-sub { font-size: 13px; line-height: 1.8; margin-bottom: 26px; }
}
@media (max-width: 1180px) and (min-width: 1121px) {
  html[lang="ko"] .nav-links { gap: 18px; }
  html[lang="ko"] .nav-links > li > a { font-size: 12px; }
}
@media (max-width: 720px) {
  html[lang="ko"] .page-header h1.page-title-centered { font-size: 32px; line-height: 1.45; }
  html[lang="ko"] .page-header h1.page-title-centered .title-annotation { font-size: 13px; }
  html[lang="ko"] .section-title,
  html[lang="ko"] .section-heading,
  html[lang="ko"] .block-title { font-size: 25px; }
  html[lang="ko"] .hero-title-cn { font-size: 52px; }
  html[lang="ko"] .hero-cn { font-size: 18px; }
  html[lang="ko"] .hero-sub { font-size: 13px; }
  html[lang="ko"] .news-hero h1 { font-size: 29px; }
  html[lang="ko"] .job-title { font-size: 16px; }
  html[lang="ko"] .gr-col[data-key="surf"] .gr-opts { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  html[lang="ko"] .hero-inner { padding: 20px var(--pad-x) 16px; }
  html[lang="ko"] .hero-eyebrow { margin-bottom: 16px; }
  html[lang="ko"] .hero-title-cn { font-size: 48px; margin-bottom: 16px; }
  html[lang="ko"] .hero-cn { margin-bottom: 12px; }
  html[lang="ko"] .hero-sub { margin-bottom: 16px; }
  html[lang="ko"] .hero-cta { flex-wrap: nowrap; gap: 20px; }
  html[lang="ko"] .hero-cta .btn { flex: 1; width: auto; min-width: 0; padding: 12px 16px; font-size: 12px; }
  html[lang="ko"] .hero-cta .link-arrow { white-space: nowrap; font-size: 12px; }
  html[lang="ko"] .hero-video { max-width: 220px; margin-bottom: 16px; }
}
@media (max-width: 640px) and (max-height: 780px) {
  html[lang="ko"] .hero-video { max-width: 160px; }
}
@media (prefers-reduced-motion: reduce) { html[lang="ko"] { scroll-behavior: auto; } }