/* The site's type scale. Every page outside the homepage journey sets text sizes from these steps,
   each roughly 1.2x the one below it. Change a size here, not on a page.

   display  page and essay titles
   heading  section headings
   title    intro paragraphs, item and list titles (bold titles and a regular intro share the size)
   body     reading text
   compact  card notes, excerpts, footers
   meta     dates, authors, small italic labels
   label    small uppercase mono tags: section numbers, lesson IDs, breadcrumbs (curriculum) */
:root {
  --fs-display: 64px;
  --fs-heading: 36px;
  --fs-title: 28px;
  --fs-body: 24px;
  --fs-compact: 20px;
  --fs-meta: 17px;
  --fs-label: 13px;
  --lh-body: 1.55;
}

@media (max-width: 640px) {
  :root {
    --fs-display: 44px;
    --fs-heading: 30px;
    --fs-title: 24px;
    --fs-body: 21px;
    --fs-compact: 18px;
    --fs-meta: 16px;
    --fs-label: 12px;
  }
}