/* Home · 03 / Who this is for · laptop and tablet composition */

@media (min-width: 701px) and (max-width: 1120px) {
  .audience-ledger {
    width: calc(100% - 48px);
    grid-template-columns: minmax(0, 1fr);
    row-gap: clamp(54px, 7vw, 78px);
  }

  .audience-section__intro {
    width: 100%;
    max-width: 760px;
  }

  .audience-section__intro h2 {
    max-width: 15ch;
  }

  .audience-section__intro > p:last-child {
    max-width: 38ch;
  }

  .audience-overview {
    min-width: 0;
  }

  .audience-row {
    grid-template-columns: minmax(150px, 0.58fr) minmax(0, 1.42fr);
    column-gap: clamp(34px, 6vw, 72px);
  }

  .audience-row__detail,
  .audience-row__detail :where(h3, p) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
  }
}