/* ============================================================
   BALLSY BIG-TEXT PACK — additive readability layer, Aug 14.
   Loads last, overrides nothing structurally. Bigger type,
   bigger buttons, comfier tap targets. Remove the <link> to revert.
   ============================================================ */

/* ---------- BASE TYPE ---------- */
html { font-size: 17px; }
@media (min-width: 900px) { html { font-size: 18px; } }

body { line-height: 1.6; }

p, li, .bio, .lede, .card p, .power-text, .keyfact p, .avail-box p {
  font-size: 1.06rem !important;
  line-height: 1.65 !important;
}

/* Small mono labels: raise the floor so nothing is squint-sized */
.mono, .eyebrow, .section-label, .tag, .kicker,
.quote-attr, .footer-line, .tv-ch, .watch-notes-links a {
  font-size: 0.92rem !important;
  letter-spacing: .08em !important;
}

/* Headings breathe a touch more */
h2 { line-height: 1.15 !important; }
h3 { font-size: 1.35rem !important; line-height: 1.25 !important; }

/* ---------- NAV ---------- */
nav a, .site-nav .links a, .site-nav .brand {
  font-size: 1rem !important;
  padding: 12px 20px !important;
  min-height: 48px !important;
}
.back-link, .top-actions a, .topbar a {
  font-size: 1rem !important;
  padding: 8px 6px !important;
}

/* ---------- BUTTONS & PILLS ---------- */
.btn, .btn.ghost, .cta-btn, .email-btn, .profile-btn,
.viral-hero-cta, .film-feature-cta, .ballsy-next,
a[class*="btn"], button {
  font-size: 1.05rem !important;
  padding: 15px 28px !important;
  min-height: 50px !important;
  line-height: 1.2 !important;
}

.jump-pill, .fact-pill, .clip-tab {
  font-size: 0.95rem !important;
  padding: 11px 20px !important;
  min-height: 44px !important;
}

/* ---------- PROFILE PAGES ---------- */
.tagline { font-size: clamp(22px, 3vw, 32px) !important; }
.quote-text { font-size: clamp(30px, 4.6vw, 50px) !important; }
.powers-intro { font-size: clamp(24px, 3.2vw, 34px) !important; }
.power-num { font-size: clamp(40px, 5.5vw, 60px) !important; }
.keyfact p { font-size: 1.25rem !important; font-weight: 700 !important; }
.cta-text { font-size: clamp(26px, 3.6vw, 40px) !important; }

/* ---------- MOBILE COMFORT ---------- */
@media (max-width: 760px) {
  html { font-size: 17px; }
  p, li, .bio, .lede, .card p, .power-text {
    font-size: 1.1rem !important;
  }
  nav a, .site-nav .links a {
    font-size: 1.08rem !important;
    padding: 14px 20px !important;
  }
  .btn, .cta-btn, .email-btn, .profile-btn, a[class*="btn"] {
    width: auto;
    font-size: 1.1rem !important;
    padding: 16px 28px !important;
  }
}

/* Focus ring stays visible at the new sizes */
a:focus-visible, button:focus-visible {
  outline-width: 3px !important;
  outline-offset: 3px !important;
}