/* Compact label and the existing client marquee. */
.setup-overview {
  grid-template-columns: 148px minmax(0, 1fr);
  min-height: 92px;
  gap: 0;
  padding: 0;
}
.setup-intro {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 0;
  padding: 16px 24px;
  overflow: hidden;
  border-right: 0;
  align-self: stretch;
}
.setup-intro::after {
  content: "";
  position: absolute;
  right: 0;
  top: 20px;
  bottom: 20px;
  width: 1px;
  background: var(--grid-line);
}
.setup-overview .setup-intro > h2,
.setup-overview .setup-intro > p {
  grid-area: 1 / 1;
  margin: 0;
  max-width: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -.01em;
  color: #252023;
}
.setup-intro br { display: none; }
.setup-intro > p { opacity: 0; }
.setup-overview .client-compatibility { min-width: 0; padding: 12px 0; }
.setup-overview .client-compatibility::before { content: none; }
.setup-overview .tool-avatar { width: 136px; flex-basis: 136px; font-size: 15px; gap: 8px; }
.setup-overview .tool-avatar img { width: 20px; height: 20px; flex-basis: 20px; }
@media (max-width: 540px) {
  .setup-overview { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .setup-intro {
    padding: 16px 24px;
    border-right: 0;
    border-bottom: 0;
  }
  .setup-intro::after { top: auto; bottom: 0; left: 24px; right: 24px; width: auto; height: 1px; }
  .setup-overview .client-compatibility { padding: 18px 0; }
  .setup-overview .setup-intro > h2,
  .setup-overview .setup-intro > p { font-size: 14px; }
}

/* Keep the strip readable while the graph carries the motion. */
.setup-overview .setup-intro,
.setup-overview .client-compatibility {
  transition: opacity 250ms var(--ease-out, cubic-bezier(0.23, 1, 0.32, 1));
}
.setup-overview[data-graph-priority="true"] .setup-intro,
.setup-overview[data-graph-priority="true"] .client-compatibility { opacity: .75; }
@media (prefers-reduced-motion: reduce) {
  .setup-overview .setup-intro,
  .setup-overview .client-compatibility { transition: none; }
}
