/* Base font size (mobile-first) */
main {
    font-size: clamp(14px, calc(12px + 2vw), 18px);
  }
  
  /* Breakpoint: 768px (Tablet) */
  @media (min-width: 768px) {
    main {
      font-size: clamp(16px, calc(14px + 1.5vw), 22px);
    }
  }
  
  /* Breakpoint: 1024px (Small Desktop) */
  @media (min-width: 1024px) {
    main {
      font-size: clamp(18px, calc(16px + 1vw), 24px);
    }
  }
  
  /* Breakpoint: 1440px (Large Desktop) */
  @media (min-width: 1440px) {
    main {
      font-size: clamp(20px, calc(18px + 0.5vw), 28px);
    }
  }