/* ============================================================
   GOODLADY FINANCE - MOBILE TYPOGRAPHY (v4.0)
   Scaling rules for small devices
   ============================================================ */

@media (max-width: 768px) {
  h1,
  .h1 {
    font-size: clamp(2.2rem, 8vw, 2.8rem) !important;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }

  h2,
  .h2 {
    font-size: clamp(1.8rem, 6vw, 2.2rem) !important;
    line-height: 1.2;
  }

  h3,
  .h3 {
    font-size: clamp(1.4rem, 5vw, 1.6rem) !important;
  }

  p,
  li,
  .body-text {
    font-size: 1rem !important;
    line-height: 1.6;
  }

  .lead {
    font-size: 1.1rem !important;
  }

  .stat-premium {
    font-size: 2.5rem !important;
  }
}