html,
body {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

.container,
.hero-grid,
.flow,
.flow-node,
.stack-wrap,
.stack-wrap > *,
.ticket,
.ticket-body,
.tab-panel,
.steps,
.step > div {
  min-width: 0;
}

.ticket {
  max-width: 100%;
}

.code-ticket pre,
.step pre {
  max-width: 100%;
}

#install-cmd {
  min-width: 0;
}

@media (max-width: 900px) {
  .channel-chip.is-tgn {
    transform: none;
  }
}

@media (max-width: 560px) {
  .container {
    padding-inline: 16px;
  }

  .install-copy {
    max-width: 100%;
  }

  #install-cmd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .ticket-stub {
    gap: 12px;
  }

  .ticket-stub span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

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