/* Three shared sizes, including buttons, labels, captions and navigation. */
:root {
  --font-large-title: 45pt;
  --font-medium-title: 30pt;
  --font-content: 15pt;
}
body, body * { font-size: var(--font-content) !important; }
body h1, body h1 * { font-size: var(--font-large-title) !important; }
body h2, body h2 *, body h3, body h3 *, body h4, body h4 *,
body h5, body h5 *, body h6, body h6 * {
  font-size: var(--font-medium-title) !important;
}
main :is(h1, h2, h3, h4, h5, h6) { overflow-wrap: anywhere; }
.tutorial-play { white-space: normal; max-width: 90%; text-align: center; }
.tutorial-play-icon { flex-shrink: 0; }
.hero-actions { flex-wrap: wrap; }