/* Mobile readability pass. Visible copy and desktop layout stay unchanged. */
@media (max-width: 720px) {
  main[data-page-id="S13"] .top-page .hero-lead {
    max-width: min(68vw, 265px);
    font-size: 14.5px;
    line-height: 1.75;
    text-wrap: pretty;
  }

  main[data-page-id="S13"] .cs-pain-conclusion {
    min-height: 0;
    padding: 16px 18px;
    font-size: 15px;
    line-height: 1.65;
    text-wrap: pretty;
  }

  main[data-page-id="S13"] .cs-problem-statement-section {
    aspect-ratio: 390 / 980;
  }

  main[data-page-id="S13"] .cs-problem-statement-section h2 {
    top: 1.3%;
    font-size: 21px;
    line-height: 1.45;
    text-wrap: balance;
  }

  main[data-page-id="S13"] .cs-problem-statement-lead {
    top: 12.8%;
    font-size: 14px;
    line-height: 1.55;
    text-wrap: pretty;
  }

  main[data-page-id="S13"] .cs-problem-statement-list > li {
    width: 41.5%;
    height: 11.5%;
    padding-inline: 2%;
  }

  main[data-page-id="S13"] .cs-problem-statement-list > li:nth-child(1),
  main[data-page-id="S13"] .cs-problem-statement-list > li:nth-child(3) {
    left: 5.8%;
  }

  main[data-page-id="S13"] .cs-problem-statement-list > li:nth-child(2),
  main[data-page-id="S13"] .cs-problem-statement-list > li:nth-child(4) {
    left: 51.2%;
  }

  main[data-page-id="S13"] .cs-problem-statement-list p,
  main[data-page-id="S13"] .cs-problem-statement-list > li:nth-child(2) p,
  main[data-page-id="S13"] .cs-problem-statement-list > li:nth-child(4) p {
    width: 100%;
    font-size: 14px;
    line-height: 1.55;
    text-wrap: pretty;
  }

  main[data-page-id="S13"] .cs-cause-card .cs-cause-card-copy,
  main[data-page-id="S13"] .cs-solution-section .cs-compare-card.cs-compare-card-v2 > p {
    font-size: 15px;
    line-height: 1.75;
    text-wrap: pretty;
  }

  main[data-page-id="S13"] .cs-device-stage figcaption {
    font-size: 14px;
    line-height: 1.65;
  }

  main[data-page-id="S13"] .cs-monitor-stand {
    width: 100%;
  }

  main[data-page-id="S13"] .cs-page-plans h2,
  main[data-page-id="S13"] .cs-page-plans h3,
  main[data-page-id="S13"] .cs-page-plans .cpp-count,
  main[data-page-id="S13"] .cs-pricing h2 {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  main[data-page-id="S13"] .cs-page-plans h2,
  main[data-page-id="S13"] .cs-pricing h2 {
    text-wrap: balance;
  }

  main[data-page-id="S13"] .cs-page-plans .cpp-notes p {
    font-size: 14px;
    line-height: 1.65;
  }

  main[data-page-id="S13"] .cs-pricing h2 {
    font-size: clamp(28px, 7.35vw, 30px);
    line-height: 1.45;
  }

  main[data-page-id="S13"] .cs-production-flow__heading p {
    font-size: 15.5px;
    line-height: 1.75;
    text-wrap: pretty;
  }

  main[data-page-id="S13"] .cs-production-flow__step {
    min-height: 190px;
  }

  main[data-page-id="S13"] .cs-production-flow__step > p {
    font-size: 15px;
    line-height: 1.7;
    text-wrap: pretty;
  }

  main[data-page-id="S13"] .cs-production-flow__cta {
    font-size: 15px;
    line-height: 1.5;
  }
}

@media (max-width: 380px) {
  main[data-page-id="S13"] .cs-production-flow__step > p {
    font-size: 14.5px;
  }
}