/* Desktop text remains in its original inline formatting context. */
.mobile-phrase {
  display: contents;
}

@media (max-width: 760px) {
  /* Short phrases provide a fallback when text-wrap: pretty is unavailable. */
  .mobile-phrase {
    display: inline;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
  }

  #pain-cards .section-heading p,
  #pain-cards .card-copy p,
  .diagnostic-stage p,
  .industry-description,
  .system-card p,
  .software-card p,
  .pitfall-list p,
  .strategy-description,
  .phase-grid p {
    text-wrap: pretty;
  }
}

@media (max-width: 360px) {
  .footer-grid > div:last-child {
    grid-column: 1 / -1;
  }

  .footer-grid .footer-email {
    white-space: nowrap;
    overflow-wrap: normal;
  }
}