/* These homepage sections also carry .wrap. Their mobile padding shorthands
   in site.css reset its horizontal gutters. Restore the existing 22px gutter
   without changing vertical spacing, content, or desktop layout. */
@media (max-width: 760px) {
  .capabilities.wrap,
  .integration.wrap {
    padding-inline: 22px;
  }
}

/* Keep the branded integration diagram inside the restored gutters on
   narrow phones; leave the logo artwork, labels, and typography unchanged. */
@media (max-width: 400px) {
  .integration.wrap .connect-art {
    grid-template-columns: 1fr 32px 1fr;
  }
}