/* Curriculum type layer: maps every curriculum text role onto the site scale in ../type.css.
   Loaded last on each curriculum page. The curriculum's older stylesheets set sizes in many places with
   high specificity, so these rules use !important to win in one place. Change sizes in type.css, not here. */

/* display */
main h1 { font-size: var(--fs-display) !important; }

/* heading */
main h2 { font-size: var(--fs-heading) !important; }

/* title: section and item titles, and the intro line under each page title */
main h3,
.course-extra > summary,
.overview-card h3, .overview-card h3 a,
.texture-card > summary strong,
.topic-lessons li strong,
.people-main h2, .people-main h2 a, .path-card > summary strong,
.hero-content .deck, .topic-intro, .topic-result p, .lesson-goal, .people-intro {
  font-size: var(--fs-title) !important;
}

/* body: reading text */
main p, main li, main dd, main blockquote,
.texture-body details > summary, .texture-body h3, .lesson-more > summary, .lesson-terms > summary {
  font-size: var(--fs-body) !important;
  line-height: var(--lh-body);
}

/* compact: supporting text, lists of links, controls, notes under titles */
main small, main td, main dt, main label, main input, main select, main button, main .btn,
.overview-outcome, .outline-guide, .path-card p, .path-card summary span, .lesson-search-meta p, .lesson-open,
.hero-actions a, .continue-context, .topic-section, .lesson-course-context,
.texture-intro, .texture-lessons, .texture-lessons a, .texture-source, .texture-source a, .texture-note,
.page-search, .page-search a, .course-extra > summary span, .person-insight, .people-main summary, .people-main p:not(.people-intro):not(.person-insight):not(.person-name),
.sidebar a, .sidebar nav a, .mobile-nav a, .people-main > a, .skip-link {
  font-size: var(--fs-compact) !important;
}
.lesson-open, .topic-lessons li strong { line-height: 1.3; }

/* label: small uppercase mono tags */
main .eyebrow, .curriculum-count, main th, main td small, .lesson-number, .texture-kind, .person-name, main .book-extra, main .book-extra a,
.course-breadcrumbs, .course-breadcrumbs a, .course-breadcrumbs span, .page-neighbours a > :not(strong),
.texture-body h4, .texture-body .tiny, .curriculum-page footer, .course-page footer, footer.course-footer, footer.course-footer a {
  font-size: var(--fs-label) !important;
  line-height: 1.5;
}
/* Previous / Next: the small label sits over the title it points to. */
.page-neighbours a { font-size: var(--fs-label) !important; }
.page-neighbours a strong { font-size: var(--fs-title) !important; }

/* Weight and colour, the same as the rest of the site (Thoughts, Books, Start here):
   headings and item titles are bold ink, and titles that are links underline only on hover. */
main :is(h1, h2, h3), main :is(h2, h3) a,
.lesson-open, .topic-lessons li strong, .texture-card > summary strong, .lesson-preview strong,
.path-card > summary strong, .cc-card strong, .page-neighbours a strong {
  font-weight: 700 !important;
  color: #16222e !important;
}
main :is(h2, h3) a, .lesson-open { text-decoration: none !important; }
main :is(h2, h3) a:hover, .lesson-open:hover { text-decoration: underline !important; text-underline-offset: 4px; }

/* Every small mono label is one muted grey. Labels that are links keep the link blue. */
main .eyebrow, .curriculum-count, main th, main td small, .lesson-number, .texture-kind, .person-name,
.course-breadcrumbs span, .texture-body h4, .texture-body .tiny, .cc-checked {
  color: #626c75 !important;
}

/* Phone lesson cards read like the Thoughts list: number and topic, a title, one line on what you learn. */
@media (max-width: 650px) {
  .lesson-open { font-size: var(--fs-title) !important; line-height: 1.2; }
}