/* ============================================================
   中文版排版 — 叠在 style.css / connect.css 之后
   拉丁字母仍走 Fraunces / Pangea，汉字落到思源宋体 / 思源黑体
   ============================================================ */

:root {
  --font-display: "Pangea", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: "Fraunces", "Noto Serif SC", "Songti SC", "SimSun", serif;
  --font-mono: "JetBrains Mono", "Noto Sans SC", "PingFang SC", monospace;
}

body {
  line-height: 1.8;
}

/* 中文段落：行距放松一点，字号略收 */
.chapter p {
  font-size: 17px;
  line-height: 1.95;
}

.lede {
  font-size: 21px !important;
  line-height: 1.75 !important;
}

/* 标题：汉字没有大小写，字距别收那么紧 */
.hero__title,
.guide-hero__title,
.chapter__heading {
  letter-spacing: 0.01em;
  line-height: 1.25;
}

.hero__title {
  max-width: none;
}

.chapter__heading {
  max-width: 22em;
}

/* 等宽小标签里的汉字不需要拉大字距 */
.label-item__name,
.chapter__mobile-label,
.top-bar__kicker,
.top-bar__date,
.screenshot figcaption,
.sketch figcaption,
.site-footer,
.guide-hero__kicker,
.flow__sub,
.flow__arrow--named::before {
  letter-spacing: 0.04em;
}

.screenshot figcaption,
.sketch figcaption {
  font-size: 12px;
  line-height: 1.7;
}

/* 中文没有斜体，示例句改用正体 */
.chapter .example {
  font-style: normal;
}

.checklist li,
.steps li,
.faq dd {
  line-height: 1.85;
}

.note {
  font-size: 15px !important;
  color: var(--ink-quiet) !important;
}

@media (max-width: 768px) {
  .chapter p {
    font-size: 16px;
    line-height: 1.9;
  }

  .lede {
    font-size: 18px !important;
  }
}