/* Reading-first typography. Existing display type and brand colours stay intact. */
:root {
  --reading-font-sans: var(--font-sans);
  --reading-text: 1.0625rem;
  --reading-leading: 1.75;
  --reading-ui: .9375rem;
  --reading-small: .875rem;
  --reading-caption: .8125rem;
  --reading-heading-sm: 1.25rem;
  --reading-heading-md: 1.5rem;
  --reading-prose-width: 52rem;
  --reading-wide-width: 60rem;
}

/* Keep the original three-column reader shell; only the reading area retains its typography updates. */
.lesson-content-view .viewer-main { font-family: var(--reading-font-sans); }
.lesson-content-view .viewer-document,
.lesson-content-view .viewer-footer { max-width: var(--reading-wide-width); }
.lesson-content-view .viewer-page { width: min(100%, 53.75rem); }
.lesson-content-view .viewer-adjacent,
.lesson-content-view .story-v2-next { font-size: var(--reading-ui); }

/* Native lesson prose reflows separately from wide artwork and tables. */
.lesson-content-view .lesson-section p,
.lesson-content-view .lesson-questions,
.lesson-content-view .lesson-goals li,
.lesson-content-view .lesson-lead {
  max-width: var(--reading-prose-width);
  font-size: var(--reading-text);
  line-height: var(--reading-leading);
}
.lesson-content-view .lesson-section p { margin-bottom: 1em; }
.lesson-content-view .lesson-section h2 {
  font-size: var(--reading-heading-md);
  font-weight: 600;
}
.lesson-content-view .lesson-section strong { font-weight: 600; }
.lesson-content-view .lesson-columns,
.lesson-content-view .lesson-process,
.lesson-content-view .lesson-illustration {
  max-width: var(--reading-wide-width);
}
.lesson-content-view .lesson-illustration img,
.lesson-content-view .lesson-relation-visual { width: 100%; }
.lesson-content-view .lesson-columns p,
.lesson-content-view .lesson-process p,
.lesson-content-view .lesson-example p,
.lesson-content-view .lesson-example li {
  font-size: 1rem;
  line-height: 1.7;
}
.lesson-content-view .lesson-columns strong,
.lesson-content-view .lesson-process strong,
.lesson-content-view .lesson-section h3 {
  font-size: var(--reading-heading-sm);
  font-weight: 600;
}

/* Long-form copy grows; compact metadata remains smaller. */
.learning-path-card-description,
.curriculum-path-outcomes p,
.curriculum-path-faq-item p,
.curriculum-overview-outcomes p,
.course-inline-summary-copy p,
.course-inline-section p,
.course-overview-copy,
.course-outcomes li,
.practice-term-explanation,
.news-article-content {
  font-size: 1rem;
  line-height: 1.75;
}
.curriculum-path-section > p,
.curriculum-overview-section > p,
.news-article-content > p {
  max-width: var(--reading-prose-width);
  font-size: var(--reading-text);
  line-height: var(--reading-leading);
}
.learning-path-card-recommendation,
.curriculum-path-chapter-module,
.curriculum-topic-button,
.curriculum-entry-title,
.course-path-button,
.course-inline-curriculum-item strong,
.course-body p,
.news-item-summary {
  font-size: var(--reading-small);
  line-height: 1.6;
}
.nav-trigger,
.nav-route-link,
.nav-child strong,
.button,
.login-button,
.course-inline-entry,
.course-overview-start,
.practice-next,
.curriculum-path-start {
  font-size: var(--reading-ui);
  font-weight: 500;
  line-height: 1.5;
}
.nav-trigger,
.nav-route-link { min-height: 2.5rem; }
.course-inline-entry,
.curriculum-path-start { min-height: 2.875rem; }
.course-breadcrumb,
.course-overview-breadcrumb,
.curriculum-breadcrumb,
.dictionary-detail-breadcrumb,
.news-breadcrumbs,
.news-item-meta,
.news-article-meta { font-size: var(--reading-small); }
.search-field input,
.dictionary-search input,
.practice-view input,
.practice-view textarea,
.practice-view select { font-size: 1rem; }
.result strong { font-size: var(--reading-small); }
.result small,
.dictionary-summary,
.dictionary-term-card small,
.dictionary-term-card .dictionary-term-en,
.dictionary-detail-category,
.dictionary-detail-aside a { font-size: var(--reading-caption); }
.dictionary-filter {
  min-height: 2.25rem;
  padding: .5rem .75rem;
  font-size: var(--reading-small);
  line-height: 1.4;
}
.dictionary-term-card p,
.dictionary-detail-copy section p,
.dictionary-detail-aside p {
  font-size: 1rem;
  line-height: 1.7;
}
.dictionary-term-card { min-height: 10rem; }
.dictionary-term-card h3,
.dictionary-detail-copy section h2,
.dictionary-detail-aside h2 { font-weight: 600; }

@media (max-width: 760px) {
  :root { --reading-text: 1rem; --reading-leading: 1.7; }
  .lesson-content-view .viewer-page.storyboard-page.story-v2-page {
    padding-bottom: 3rem;
  }
  .lesson-content-view .lesson-section h2 { font-size: 1.375rem; }
  .lesson-content-view .lesson-section h3 { font-size: 1.125rem; }
  .lesson-content-view .lesson-columns,
  .lesson-content-view .lesson-process { grid-template-columns: 1fr; }
  .lesson-content-view .lesson-example { padding: 1.125rem; }
  .dictionary-search input { font-size: 1rem; }
  .dictionary-hero p { font-size: 1rem; }
  .dictionary-detail-body { grid-template-columns: minmax(0, 1fr); }
  .dictionary-term-card { min-height: 9rem; }
  .course-inline-summary-copy p,
  .course-inline-section p,
  .curriculum-path-section > p,
  .curriculum-path-outcomes p,
  .curriculum-path-faq-item p { font-size: 1rem; }
}