/* Keep the decorative second line subordinate to the section headline. */
h2 em {
  font-size: .92em;
}

/* Comfortable reading sizes without enlarging navigation or image captions. */
.section-heading > p:last-child {
  font-size: 17px;
  line-height: 1.8;
  max-width: 560px;
}
.split-heading > p,
.codex-heading > p,
.hero-copy,
.cycle-panel > p,
.pillars p,
.class-details > p:not(.class-quote, .eyebrow),
.missing-copy > p:not(.eyebrow, .handwritten),
.guide-entries details p,
.threshold-copy > p:not(.eyebrow),
.community-copy > p:not(.eyebrow),
.access-copy > p:not(.eyebrow, .access-status, .access-note),
.chapter-cover p:last-child,
.chapter-essay p {
  font-size: 16px;
  line-height: 1.8;
}
.codex-introduction {
  font-size: 15px;
  line-height: 1.8;
}
.codex-entries p:not(.codex-entry-category),
.chapter-examples p {
  font-size: 14px;
  line-height: 1.75;
}
.codex-entries h4 {
  font-size: 17px;
}
.pillars h3 {
  font-size: 20px;
}
.hero-copy {
  max-width: 390px;
}

@media (max-width: 600px) {
  /* Section names remain clear signposts above the larger cinematic heading. */
  .section-heading > .eyebrow,
  .split-heading .eyebrow,
  .codex-heading .eyebrow,
  .missing-copy > .eyebrow,
  .community-copy > .eyebrow,
  .access-copy > .eyebrow,
  .threshold-copy > .eyebrow {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 600;
    letter-spacing: 1.6px;
    margin-bottom: 16px;
  }
  .section-heading > p:last-child {
    font-size: 16px;
  }
  .split-heading h2 {
    font-size: 32px;
    line-height: 1.25;
  }
  .roster-search > span {
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 1px;
  }
  .roster-search input {
    font-size: 16px;
  }
  .codex-entries {
    grid-template-columns: 1fr;
  }
  .codex-introduction {
    font-size: 16px;
  }
  .threshold-copy {
    padding-bottom: 80px;
  }
}