/* Larger, easier-to-read type scale across the portal. */
body { font-size: 17px; }
nav a, .text-button { font-size: 14px; }
.brand { font-size: 14px; }.brand small { font-size: 10px; }.brand-mark { width: 42px; height: 42px; font-size: 13px; }
.eyebrow, .panel-label, label { font-size: 12px; }
h2 { font-size: 29px; }
.hero h1, .page-heading h1 { font-size: clamp(54px, 7.5vw, 96px); }
.page-heading h1 { font-size: clamp(48px, 6vw, 62px); }
.button { padding: 14px 20px; font-size: 13px; }
input, select, textarea { font-size: 16px; padding: 12px 13px; }
.panel > p, .access-panel p, .feature-grid p { font-size: 15px; }
.player-result strong { font-size: 15px; }.player-result small, .player-result dd { font-size: 12px; }
th { font-size: 12px; } td { font-size: 16px; }
.notice { font-size: 15px; }.record-count, footer { font-size: 10px; }
.kofi-footer-button { font-size: 14px; min-width: 235px; }
@media (max-width: 720px) {
  body { font-size: 16px; }
  .hero h1, .page-heading h1 { font-size: clamp(44px, 12vw, 62px); }
  h2 { font-size: 26px; }
  .button { font-size: 12px; }
  .eyebrow, .panel-label, label { font-size: 11px; }
  .panel > p, .access-panel p, .feature-grid p { font-size: 14px; }
}