/*
 * Article body typography — matched to llm-101 docs
 * (Inter/system font, 18px, line-height 1.8, SF Mono code).
 *
 * Loaded on every page by scripts/inject-custom-css.js.
 * The selector mirrors the theme's `article.article .content`, so these rules
 * win by source order (this file is linked after the theme stylesheet) — no
 * !important needed. Tweak the values below freely.
 */

/* ---------- Body text ---------- */
article.article .content {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
               "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei",
               sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.8;
  color: #303b4c;
}

/* Comfortable paragraph rhythm */
article.article .content p {
  margin-bottom: 1.15em;
}

/* ---------- Headings ---------- */
article.article .content h1,
article.article .content h2,
article.article .content h3,
article.article .content h4,
article.article .content h5,
article.article .content h6 {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
               "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei",
               sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: #172033;
}

article.article .content h1 {
  font-size: 29px;
  letter-spacing: -0.048em;
  margin: 2.5rem 0 1.1rem;
}

article.article .content h2 {
  font-size: 20px;
  letter-spacing: -0.035em;
  margin: 3.4rem 0 1.05rem;
}

article.article .content h3 {
  font-size: 16px;
  margin: 2rem 0 1.05rem;
}

/* ---------- Code: SF Mono stack, like coremltools ---------- */
article.article .content code,
article.article .content pre,
article.article .content kbd,
article.article .content tt {
  font-family: "SFMono-Regular", "Menlo", "Consolas", "Monaco",
               "Liberation Mono", "Lucida Console", monospace;
}
