@media (width <= 520px) {
  html[data-layout] .hero,
  .hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero > *,
  .hero-copy,
  .hero aside,
  .actions,
  .actions a {
    min-width: 0;
    max-width: 100%;
  }

  .hero-copy,
  .hero aside,
  .actions a {
    overflow-wrap: anywhere;
  }

  html[data-layout="story"] .hero aside {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-design="expansion-35"] .hero aside,
  html[data-design="network-100-19"] .hero aside {
    width: min(calc(100% - 14px), 420px);
  }

  html[data-layout] .card-grid,
  .card-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .card-grid > * {
    min-width: 0;
  }
}

/* SI98 resource-header and responsive-breakpoint correction R6 */
.resource-article > header {
  display: block;
  width: 100%;
  min-height: 0;
  margin: 0;
}

.resource-byline {
  min-width: 0;
}

@media (width <= 900px) {
  html[data-layout] .hero,
  .hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero > *,
  .hero-copy,
  .hero aside {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .about-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .about-grid > * {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}

@media (width <= 520px) {
  .page-hero h1 {
    overflow-wrap: anywhere;
  }

  .service-list article,
  .timeline article,
  [data-design*="pipeline"] .service-list article {
    grid-template-columns: 50px minmax(0, 1fr);
  }

  .service-list article > *,
  .timeline article > * {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}