/* Explorer iframe cannot inherit the parent document's faces.
   Use the same stacks as src/styles/global.css; Inter files already live on the official site. */
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-latin-variable-italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --paper: #f6f7f8;
  --paper-rgb: 246, 247, 248;
  --font-sans: "Geist", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --mono: "Geist Mono", ui-monospace, monospace;
  --type-chapter-title: clamp(42px, 3.6vw, 50px);
  --type-subsection-title: clamp(28px, 2.5vw, 34px);
  --type-figure-title: clamp(22px, 1.8vw, 26px);
  --type-body: 17px;
  --type-caption: 12px;
  --figure-lead-gap: clamp(44px, 3.6vw, 52px);
  --figure-sequence-gap: clamp(46px, 4vw, 56px);
  --figure-follow-gap: clamp(36px, 3.2vw, 40px);
  --figure-caption-gap: 16px;
}

html[lang="en"],
html[lang^="en"] {
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
}

@media (max-width: 760px) {
  :root {
    --type-chapter-title: 36px;
    --type-subsection-title: 28px;
    --type-figure-title: 22px;
    --figure-lead-gap: 40px;
    --figure-sequence-gap: 44px;
    --figure-follow-gap: 34px;
  }
}

@media (max-width: 560px) {
  :root {
    --type-chapter-title: 34px;
    --type-subsection-title: 27px;
  }
}