/* Shared typography for public content. Screen-only: equations, charts and print keep their own type. */
html[data-site-typography="20261003"] {
  --kp-font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
  --kp-type-page: 2.75rem;
  --kp-type-section: 1.75rem;
  --kp-type-subsection: 1.25rem;
  --kp-type-card: 1.25rem;
  --kp-type-body: 1rem;
  --kp-type-note: .875rem;
  --kp-type-label: .8125rem;
}
@media screen {
  html[data-site-typography="20261003"] body {
    font-family: var(--kp-font-sans) !important;
    font-size: var(--kp-type-body);
    line-height: 1.8;
  }
  html[data-site-typography="20261003"] :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,label,input,select,textarea,button,summary,nav,footer,figcaption,table,blockquote,.article-body,.article-prose,.english,.catalog-chapter small,.search-results small) {
    font-family: var(--kp-font-sans) !important;
  }
  html[data-site-typography="20261003"] body :is(main h1,.article-header h1,.article-hero h1,.reference-hero h1,.directory-header h1) {
    font-size: var(--kp-type-page) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -.02em !important;
    overflow-wrap: break-word;
  }
  html[data-site-typography="20261003"] :where(main h2,.article-prose h2,.article-body h2) {
    font-size: var(--kp-type-section) !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
  }
  html[data-site-typography="20261003"] :where(main h3,.article-prose h3,.article-body h3) {
    font-size: var(--kp-type-subsection) !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
  }
  html[data-site-typography="20261003"] :where(main p,.article-body,.article-prose,.article-body p.definition,.help-page dd,.help-page dt) {
    font-size: var(--kp-type-body) !important;
    line-height: 1.8 !important;
    letter-spacing: normal;
  }
  html[data-site-typography="20261003"] :where(.article-body li,.article-prose li,.article-body dd,.article-prose dd) {
    font-size: var(--kp-type-body) !important;
    line-height: 1.8 !important;
  }
  /* A card heading is one role even when older templates use different heading tags. */
  html[data-site-typography="20261003"] :where(.resource-card,.reference-card,.structure-card,.sl-card,.formula-index__item,.lab-project-card,.home-route-card,.home-featured-card,.course-card,.software-frequent-card,.software-specialized-card,.software-open-card,.related-links,.round6-contact-card,.round6-about-stats) :where(h2,h3) {
    font-size: var(--kp-type-card) !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
  }
  html[data-site-typography="20261003"] :where(.resource-card__summary,.software-card__summary,.reference-card p,.sl-card p,.home-route-card p,.home-featured-card p,.catalog-chapter header p,.resource-strip p,.references li,.article-body p.figure-note,.article-prose figcaption,.article-body figcaption,.reference-related p) {
    font-size: var(--kp-type-note) !important;
    line-height: 1.75 !important;
  }
  html[data-site-typography="20261003"] :where(.eyebrow,.reference-eyebrow,.kicker,.article-year,.article-meta,.article-topics,.hero-meta,.catalog-status,.knowledge-result-count,.software-card__verified-meta,.round3-knowledge-intro>p:first-child,.knowledge-topics h2,.figure-note,.formula-scope,.equation-label,.notation-heading,.reference-hero__summary,.structure-panel dt) {
    font-size: var(--kp-type-label) !important;
    line-height: 1.6 !important;
  }
  html[data-site-typography="20261003"] :where(.section-inner nav a,.section-inner .header-search,.chapter-links a,.page-outline,.catalog-nav>a,.catalog-nav__knowledge>a) {
    font-size: var(--kp-type-note) !important;
    line-height: 1.6 !important;
  }
  html[data-site-typography="20261003"] .help-page article>section :where(dt,dd) {
    font-size: var(--kp-type-body) !important;
    line-height: 1.8 !important;
  }
  html[data-site-typography="20261003"] .dialog-head h2 {
    font-family: var(--kp-font-sans) !important;
    font-size: var(--kp-type-subsection) !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    letter-spacing: 0;
  }
  /* Inline formulas inherit their surrounding size; mathematical glyphs retain the math font. */
  html[data-site-typography="20261003"] .inline-math { font-size: 1em; }
}
@media screen and (max-width:767px) {
  html[data-site-typography="20261003"] {
    --kp-type-page: 2rem;
    --kp-type-section: 1.5rem;
    --kp-type-subsection: 1.125rem;
    --kp-type-card: 1.125rem;
  }
}
