/* Chinese pages (/zh, Simplified Chinese). Loaded only by pages in Chinese.
   Latin letters and figures keep each look's own typeface; Chinese characters
   use the typefaces already on the visitor's device, or, for most looks, a
   Chinese typeface of the same period feeling (files in fonts/zh, fetched by
   scripts/ja-fonts.py zh, loaded per look by _layout.twig). */
html[lang="zh-Hans"] {
  --zh-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif;
  --zh-serif: "Songti SC", "STSong", "Noto Serif SC", "Noto Serif CJK SC", "Source Han Serif SC", SimSun, serif;
}
html[lang="zh-Hans"]:not([data-look]) { --display: "Inter Tight", var(--zh-sans); --sans: "Inter", var(--zh-sans); }

/* Chinese has no italics or capitals, and sets lines differently. */
html[lang="zh-Hans"] body { line-break: strict; overflow-wrap: anywhere; line-height: 1.85; }
html[lang="zh-Hans"] .display em { font-weight: inherit; }
html[lang="zh-Hans"] h1, html[lang="zh-Hans"] h2, html[lang="zh-Hans"] h3, html[lang="zh-Hans"] .display, html[lang="zh-Hans"] .lede {
  text-wrap: balance; letter-spacing: 0; line-height: 1.3;
}
html[lang="zh-Hans"] .lede { line-height: 1.7; }
html[lang="zh-Hans"] .hero h1 { font-size: clamp(2.5rem, 1rem + 5vw, 6rem); line-height: 1.15; }
html[lang="zh-Hans"] .hero__kicker, html[lang="zh-Hans"] .eyebrow, html[lang="zh-Hans"] .btn, html[lang="zh-Hans"] .nav a, html[lang="zh-Hans"] .nav button { letter-spacing: 0.12em; }

/* Looks with a Chinese typeface of their own. Blueprint, Colour block and Dispatch use the device's sans-serif. */
html[lang="zh-Hans"][data-look="japan"] { --display: "Shippori Mincho", "Noto Serif SC", var(--zh-serif); --sans: "Zen Kaku Gothic New", var(--zh-sans); }
html[lang="zh-Hans"][data-look="noir"] { --display: "Oswald", "Bebas Neue", "ZCOOL XiaoWei", var(--zh-serif); --sans: "EB Garamond", var(--zh-serif); }
html[lang="zh-Hans"][data-look="pop"] { --display: "Shrikhand", "ZCOOL QingKe HuangYou", var(--zh-sans); }
html[lang="zh-Hans"][data-look="flower"] { --display: "Bagel Fat One", "ZCOOL KuaiLe", var(--zh-sans); }
html[lang="zh-Hans"][data-look="synthwave"] { --display: "Orbitron", "ZCOOL QingKe HuangYou", var(--zh-sans); }
html[lang="zh-Hans"][data-look="epoque"] { --display: "IM Fell French Canon", "Playfair Display", Georgia, "ZCOOL XiaoWei", var(--zh-serif); --sans: "EB Garamond", Georgia, var(--zh-serif); }
html[lang="zh-Hans"][data-look="liberty"] { --display: "Elsie Swash Caps", "Elsie", "Cormorant Garamond", Georgia, "ZCOOL XiaoWei", var(--zh-serif); }
html[lang="zh-Hans"][data-look="deco"] { --display: "Limelight", "Broadway", Georgia, "ZCOOL XiaoWei", var(--zh-serif); }
html[lang="zh-Hans"][data-look="germany"] { --display: "UnifrakturMaguntia", "Old English Text MT", "Luminari", "ZCOOL XiaoWei", var(--zh-serif); }
html[lang="zh-Hans"][data-look="soviet"] { --display: "Russo One", "Arial Black", Impact, "ZCOOL QingKe HuangYou", var(--zh-sans); }
html[lang="zh-Hans"][data-look="kodak"] { --display: "Anton", "Impact", "Arial Narrow", "ZCOOL QingKe HuangYou", var(--zh-sans); }
html[lang="zh-Hans"][data-look="instant"] { --display: "Caprasimo", "Cooper Black", Georgia, "ZCOOL KuaiLe", var(--zh-sans); }
html[lang="zh-Hans"][data-look="memphis"] { --display: "Rubik", "Helvetica Neue", Arial, "ZCOOL KuaiLe", var(--zh-sans); }
html[lang="zh-Hans"][data-look="miami"] { --display: "Righteous", "Poppins", "Arial Rounded MT Bold", "ZCOOL KuaiLe", var(--zh-sans); }
/* Hand-lettered emphasis (a diner sign, a neon sign) becomes Chinese brush lettering. */
html[lang="zh-Hans"][data-look="atomic"] .display em, html[lang="zh-Hans"][data-look="atomic"] .pull,
html[lang="zh-Hans"][data-look="miami"] .display em, html[lang="zh-Hans"][data-look="miami"] .pull { font-family: "Yellowtail", "Pacifico", "Ma Shan Zheng", var(--zh-serif); }

/* Whole site in Chinese: no slanted type anywhere, and page titles sized so that a title is not cut inside a word. */
html[lang="zh-Hans"] body, html[lang="zh-Hans"] body * { font-style: normal !important; }
html[lang="zh-Hans"] :not(.cam-hero__copy):not(.hero__copy) > h1.display { font-size: clamp(1.9rem, 1rem + 4vw, 5rem); line-height: 1.25; }

/* Closing days in the home page summary: 12月24日、12月25日 rather than commas. */
html[lang="zh-Hans"] .fact-note span:not([hidden]) ~ span:not([hidden])::before { content: "、"; }