/* Diet Clinic desktop typography: restrained hierarchy for PC only. */

@media (min-width: 1367px) {
  /* Hero: keep the main headline as-is; slightly reduce the supporting copy. */
  .diet-hero h1 + p {
    font-size: 22px !important;
    line-height: 1.55 !important;
  }

  /* Hero action buttons: preserve the original size. */
  .diet-hero a[class*="h-14"] {
    font-size: inherit !important;
  }

  /* Four key benefit labels: lift only the text that was too small. */
  .diet-hero .grid.max-w-\[620px\] p {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }

  /* Prescription cards: keep titles at 30px, raise only small supporting text to 16px. */
  .diet-hero-prescriptions h3,
  .diet-hero-prescriptions .text-3xl,
  #prescriptions .mt-12 h3 {
    font-size: 30px !important;
  }

  .diet-hero-prescriptions p.text-sm,
  .diet-hero-prescriptions span[class*="pb-1"],
  #prescriptions .mt-12 h3 + p,
  #prescriptions .mt-12 h3 + p + p,
  #prescriptions .mt-12 h3 + p + p + div div,
  #prescriptions .mt-12 .text-xs {
    font-size: 16px !important;
  }

  /* Other sections: only genuinely small 12–14px text is raised to 16px.
     Existing text-base/text-lg and section-heading sizes remain unchanged. */
  .diet-page section p.text-sm,
  .diet-page section p.text-xs,
  .diet-page section .text-sm,
  .diet-page section .text-xs {
    font-size: 16px !important;
  }
}