/* Most6 shared editorial typography. Load after every page-specific stylesheet.
   Text roles only: no grid, media, container or positioning changes. */
:root {
  --most6-body-size: 1rem;
  --most6-subheading-size: 1.25rem;
  --most6-meta-size: .875rem;
  --most6-body-leading: 1.85;
  --most6-heading-leading: 1.4;
}

/* One font stack for the site's Japanese and English text roles. */
html body.most6-page { font-family: var(--display); }

@media (min-width: 601px) {
  :root {
    --most6-body-size: 1rem;
    --most6-subheading-size: 1.375rem;
  }
}

@media (min-width: 1200px) {
  :root {
    --most6-body-size: 1.125rem;
    --most6-subheading-size: 1.5rem;
  }
}

/* Bridge existing tokens rather than introduce a second body scale. */
.most5-home,
.iqb-detail,
.about-page {
  --copy-size: var(--most6-body-size);
  --copy-subheading-size: var(--most6-subheading-size);
}

.most5-home .node-cases {
  --node-body-size: var(--most6-body-size);
  --node-note-size: var(--most6-meta-size);
}

.iqb-detail {
  --copy: var(--most6-body-size);
}

/* About defines these tokens on main, so the bridge must also reach main.
   Director manuscript remains intact, with its existing 14/16/18px scale. */
.about-page,
.about-page main {
  --about-body-size: var(--most6-body-size);
  --about-subheading-size: var(--most6-subheading-size);
  --about-diagram-heading-size: var(--most6-subheading-size);
  --about-identity-size: var(--most6-subheading-size);
}

/* Overview, newly inserted editorial rows, and Independent development are
   the same heading level. Large chapter names and display type stay intact. */
.editorial-subheading,
.most5-home .node-case__body > h4,
.most5-home #open-lab .lab-copy > h3,
.most5-home #independent-development-title,
.about-page .about-explanation h3,
.about-page .about-system-label h3,
.iqb-detail .contact-caption h3,
.iqb-detail .contact-nav .title {
  font-size: var(--most6-subheading-size);
  font-weight: 600;
  line-height: var(--most6-heading-leading);
  letter-spacing: -.02em;
}

.editorial-body,
.most5-home .hero-detail,
.most5-home .research-copy > p:not(.lead),
.most5-home #systems .tool-summary,
.most5-home #systems .tool-note > p,
.most5-home .form-definition > p:not(.form-thesis),
.most5-home .practice-heading > p,
.most5-home .case-record > div > p,
.most5-home .case-record > p,
.most5-home .node-case__body > p,
.most5-home #open-lab .lab-copy > p,
.most5-home #open-lab .independent-development__intro,
.most5-home .update > div > p,
.most5-home .institute-description,
.most5-home .researcher-intro,
.most5-home .about-origin,
.iqb-detail .hero-question > p:last-child,
.iqb-detail .scope-layout > p,
.iqb-detail .scope-layout > div > p,
.iqb-detail .observation-copy > p:not(.film-source),
.iqb-detail .boundary-note,
.iqb-detail .connections-intro > p,
.iqb-detail .contact-caption p,
.iqb-detail .continuity p:not(.years):not(.eyebrow),
.iqb-detail .lab-description p,
.iqb-detail .source-note {
  font-size: var(--most6-body-size);
  line-height: var(--most6-body-leading);
}

/* Compact lists are content, not a second set of subsection headings. */
.most5-home #open-lab .independent-development__cases h4,
.most5-home #open-lab .independent-development__cases > dd,
.iqb-detail .scope-facts dd,
.iqb-detail .role-line,
.iqb-detail .lab-description a {
  font-size: var(--most6-body-size);
  line-height: 1.6;
}

/* Descriptive captions use the body size. Do not shrink explanations to fit
   an image slot; the existing caption containers retain their natural height. */
.about-page .about-record figcaption,
.about-page .about-cycle-caption,
.about-page .about-partner-photo > figcaption,
.about-page .about-list-note,
.about-page .about-lab-media .most-openlab__caption {
  font-size: var(--most6-body-size);
  line-height: var(--most6-body-leading);
}

/* One metadata size for indices, source credits and media controls. Site
   navigation and its language/menu controls retain their existing rules. */
.iqb-detail .eyebrow,
.iqb-detail .hero-identity > .eyebrow,
.iqb-detail .hero-question > .eyebrow,
.iqb-detail .hero-institute,
.iqb-detail .hero-top,
.iqb-detail .hero-bottom,
.iqb-detail .model-note,
.iqb-detail .prototype-label,
.iqb-detail .drag-hint,
.iqb-detail .scroll-cue,
.iqb-detail .model-tools button,
.iqb-detail .section-top,
.iqb-detail .scope-facts dt,
.iqb-detail .film-controls,
.iqb-detail .film-controls button,
.iqb-detail .film-watermark,
.iqb-detail .observation-copy .film-source,
.iqb-detail .role-line small,
.iqb-detail .role-line .number,
.iqb-detail .contact-nav .number,
.iqb-detail .contact-nav small,
.iqb-detail .contact-record figcaption,
.iqb-detail .contact-caption > span,
.iqb-detail .years small,
.iqb-detail .credit-layout,
.iqb-detail .dialog-close,
.iqb-detail .photo-dialog p,
.iqb-detail .film-dialog p {
  font-size: var(--most6-meta-size);
  line-height: 1.6;
}