/* Keep the three collaboration steps easy to scan at every reading width. */
.collaboration-intro {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: start;
  gap: 2.5rem;
}
.collaboration-intro .shead { margin-bottom: 0; }
.collaboration-intro .kicker-row { justify-content: flex-start; }
.collaboration-links { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; margin-top: 1.5rem; }
.collaboration-links a, .collaboration-reading a { display: inline-flex; align-items: center; min-height: 44px; }
.collaboration-reading { font-size: .875rem; color: var(--text-soft); margin: .5rem 0; }
#workspace-demo .work-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 1000px) {
  .collaboration-intro { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 700px) {
  #workspace-demo .work-steps {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}