/* Chinese-only typography. Self-hosted Noto Sans SC, SIL OFL 1.1.
   The font is requested only when a Chinese element uses it. Keep this sheet
   after the shared and page-specific styles. English and wordmarks are intact. */
@font-face {
  font-family:"HELIO Chinese";
  src:url("/assets/fonts/noto-sans-sc-helio-400-600.woff2") format("woff2");
  font-style:normal;
  font-weight:400 600;
  font-display:swap;
}

html[lang=zh] body {
  font-family:"HELIO Chinese","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-weight:400;
  font-synthesis:none;
  letter-spacing:.01em;
  line-height:1.85;
  line-break:strict;
  word-break:normal;
}

/* Use real medium weight and open Chinese spacing in every content module. */
html[lang=zh] body #main :is(h1,h2,h3),
html[lang=zh] body .cta h2,
html[lang=zh] body .dialog-head h2,
html[lang=zh] body .footer-grid h3 {
  font-family:"HELIO Chinese","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-weight:500;
  letter-spacing:.015em;
  text-wrap:balance;
}
html[lang=zh] body #main h1 { line-height:1.28; }
html[lang=zh] body #main h2,
html[lang=zh] body .cta h2 { line-height:1.4; }
html[lang=zh] body #main h3 { line-height:1.45; }
html[lang=zh] body .dialog-head h2,
html[lang=zh] body .footer-grid h3 { line-height:1.5; }
html[lang=zh] body #main .hero-line {
  font-family:inherit;
  font-weight:400;
  font-style:normal;
  line-height:1.4;
  letter-spacing:.025em;
}
html[lang=zh] #main :is(p,dd),
html[lang=zh] .footer-grid p { line-height:1.85; letter-spacing:.01em; }
html[lang=zh] #main :is(dt,.pkg-card-number) { line-height:1.6; }
html[lang=zh] :is(.eyebrow,.oem-eyebrow,.pkg-eyebrow) {
  letter-spacing:.08em;
  font-weight:500;
  line-height:1.8;
}

/* Short controls need crisp weight and room around their Chinese labels. */
html[lang=zh] .nav-link { font-size:14px; font-weight:500; letter-spacing:.035em; line-height:1.5; }
html[lang=zh] :is(.btn,.text-link,.section-link,.contact-fab,.pkg-jump-link) {
  font-weight:500;
  letter-spacing:.025em;
  line-height:1.6;
}
html[lang=zh] .pkg-jump-link { font-size:13px; }
html[lang=zh] .dialog-body :is(label,.form-separator) { font-size:13px; line-height:1.7; letter-spacing:.015em; }
html[lang=zh] .dialog-body :is(input,select,textarea) { line-height:1.7; letter-spacing:.015em; }
html[lang=zh] .dialog-body .fine { font-size:12px; line-height:1.75; }
html[lang=zh] .faq summary { font-weight:500; line-height:1.65; letter-spacing:.015em; }
html[lang=zh] .factory-signature strong { letter-spacing:.06em; }

@media(max-width:1200px) and (min-width:901px) {
  html[lang=zh] .nav-link { font-size:13px; }
}
@media(max-width:900px) {
  html[lang=zh] .nav-link { font-size:16px; letter-spacing:.03em; }
}
@media(max-width:600px) {
  html[lang=zh] body { letter-spacing:.005em; }
  html[lang=zh] body #main h1 { line-height:1.32; letter-spacing:.01em; }
  html[lang=zh] body #main h2 { line-height:1.42; letter-spacing:.01em; }
  html[lang=zh] body #main h3 { line-height:1.48; letter-spacing:.01em; }
  html[lang=zh] #main :is(.hero-copy,.source-card,.real-format-copy,.feature-copy) p,
  html[lang=zh] .pkg-container-specs dd,
  html[lang=zh] .pkg-component-list dd,
  html[lang=zh] .pkg-outer-details p,
  html[lang=zh] .pkg-case p,
  html[lang=zh] .oem-development-list dd,
  html[lang=zh] .oem-process p,
  html[lang=zh] .oem-readiness-grid p { font-size:15px; line-height:1.85; }
  html[lang=zh] .pkg-container-specs dt { font-size:12px; }
  html[lang=zh] .dialog-body :is(input,select,textarea) { font-size:16px; }
  html[lang=zh] .dialog-body .fine { font-size:11px; }
}
