/* =========================================================
   SITE TYPOGRAPHY
   Shared heading, paragraph, list, and centered-copy sizing.
   ========================================================= */

h1 {
  font-size: clamp(1.8rem, 4vw, 2.6rem);
}

h2 {
  font-size: clamp(1.5rem, 3.5vw, 2.2rem);
}

h3 {
  font-size: clamp(1.2rem, 3vw, 1.8rem);
}

p,
li {
  font-size: clamp(0.95rem, 2.5vw, 1.05rem);
  line-height: 1.6;
}

main > section:not(#characters) p {
  max-width: 65ch;
}

main > section:not(#characters) p.text-center {
  margin-inline: auto;
}