/**
 * Shared mobile responsive styles for employer pages (Customers, Learn More, Pricing).
 * Only applies on mobile (max-width: 767px). Desktop and tablet unchanged.
 */
@media (max-width: 767px) {
  .employer-page .pb-32 {
    padding-bottom: 3rem;
  }

  .employer-page .py-32 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .employer-page .py-24 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .employer-page .py-40 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .employer-page .py-16 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .employer-page .pt-32 {
    padding-top: 2rem;
  }

  .employer-page .pt-24 {
    padding-top: 2rem;
  }

  .employer-page .pt-20 {
    padding-top: 1.5rem;
  }

  /* Section internal spacing */
  .employer-page .mb-24 {
    margin-bottom: 1.5rem;
  }

  .employer-page .mb-20 {
    margin-bottom: 1.25rem;
  }

  .employer-page .mb-16 {
    margin-bottom: 1rem;
  }

  .employer-page .mb-12 {
    margin-bottom: 0.75rem;
  }

  .employer-page .mb-32 {
    margin-bottom: 2rem;
  }

  .employer-page .mb-10 {
    margin-bottom: 0.625rem;
  }

  .employer-page .mb-8 {
    margin-bottom: 0.5rem;
  }

  .employer-page .mb-6 {
    margin-bottom: 0.5rem;
  }

  .employer-page .mb-4 {
    margin-bottom: 0.375rem;
  }

  .employer-page .gap-16 {
    gap: 1.5rem;
  }

  .employer-page .gap-12 {
    gap: 1rem;
  }

  .employer-page .gap-8 {
    gap: 1rem;
  }

  .employer-page .space-y-40 > * + * {
    margin-top: 2rem;
  }

  .employer-page .mt-32 {
    margin-top: 2rem;
  }

  .employer-page .mt-24 {
    margin-top: 1.5rem;
  }

  .employer-page .mt-16 {
    margin-top: 1rem;
  }

  /* Reduce font sizes on mobile */
  .employer-page .text-4xl {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }

  .employer-page .text-5xl,
  .employer-page .text-6xl {
    font-size: 1.75rem;
    line-height: 2rem;
  }

  .employer-page .text-3xl {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .employer-page .text-2xl {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }

  .employer-page .text-xl {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  /* CTA buttons - reduce size on mobile */
  .employer-page section a.inline-block,
  .employer-page a.inline-block.rounded-lg,
  .employer-page main a.rounded-lg.px-8 {
    padding: 0.75rem 1.5rem;
    font-size: 0.9375rem;
  }

  /* Pricing page: company-list-section margin */
  .employer-page .company-list-section {
    margin: 2rem 0;
  }

  /* Pricing cards padding */
  .employer-page .p-8 {
    padding: 1.25rem;
  }
}