/* Seven-language launch, DD-R97: scoped CJK typography for /zh-hans/, /zh-hant/, /ja/ and /ko/ pages only.
 * Brand faces stay first (Chakra Petch for display, Geist for body); named, locally installed system fonts follow for
 * the glyphs the brand faces lack. No @font-face, so no font download; sizes, weights, line heights and layout are not
 * touched. Synthetic italics are disabled, and the negative tracking of translated headings is reset to 0 for CJK
 * (brand word, prices and in-scene brand mark keep their authored tracking). Loaded only by new-locale pages. */

html:lang(zh-Hans) { --sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", sans-serif; --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", monospace; font-synthesis-style: none; }
html:lang(zh-Hans) body.landing { --font-display: "Chakra Petch", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", sans-serif; --font-body: Geist, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", sans-serif; }
html:lang(zh-Hant) { --sans: -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Noto Sans CJK TC", sans-serif; --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Noto Sans CJK TC", monospace; font-synthesis-style: none; }
html:lang(zh-Hant) body.landing { --font-display: "Chakra Petch", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Noto Sans CJK TC", sans-serif; --font-body: Geist, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Noto Sans CJK TC", sans-serif; }
html:lang(ja) { --sans: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, "Noto Sans JP", "Noto Sans CJK JP", sans-serif; --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, "Noto Sans JP", "Noto Sans CJK JP", monospace; font-synthesis-style: none; }
html:lang(ja) body.landing { --font-display: "Chakra Petch", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, "Noto Sans JP", "Noto Sans CJK JP", sans-serif; --font-body: Geist, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", YuGothic, Meiryo, "Noto Sans JP", "Noto Sans CJK JP", sans-serif; }
html:lang(ko) { --sans: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", sans-serif; --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", monospace; font-synthesis-style: none; }
html:lang(ko) body.landing { --font-display: "Chakra Petch", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", sans-serif; --font-body: Geist, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", "Noto Sans CJK KR", sans-serif; }

:is(html:lang(zh-Hans), html:lang(zh-Hant), html:lang(ja), html:lang(ko)) :is(.landing .beginner-story .bs-introduction > h2, .landing .beginner-story .bs-story-steps>li>h3, .landing .beginner-story .bs-more-copy h2, .changelog-page .release-meta h2, .landing #in-action .walkthrough-heading h2, .ci-comparison .ci-heading h2, .creator-page .creator-hero h1, .landing .mt-copy h2, .landing .beginner-story .bs-story-steps > li > h3, .demo-component .scene-explanation h2, .demo-component .workshop-document h2, .demo-component .source-conversation h2, .landing .setup-panel h3, .hero h1, .section-title, .download-box h2, .legal-page h1, .legal-page h2, .landing h1, .landing h2, .landing .ci-social-section h2) { letter-spacing: 0; }

/* DD-R127 (marketing2 b3a3d7b, approved rule): the four translated example-prose lines of the homepage terminal can be
 * longer than the English; root's isolated layout QA (localized-integration-r3) found fr cut at 320 and 360 px and tr at
 * 320 px. Under 600 px they wrap inside the code box instead of being cut. Approved wording, font, size and box styling
 * unchanged; the seven new locales only (this file is never loaded by EN/ES pages). */
@media (max-width: 600px) {
  :is(html:lang(de), html:lang(fr), html:lang(tr), html:lang(zh-Hans), html:lang(zh-Hant), html:lang(ja), html:lang(ko)) .demo-component .source-code code { white-space: pre-wrap; }
}