.multi-flow-list {
  display: grid;
  gap: 14px;
}

.multi-flow-card {
  padding: 20px;
}

.flow-card-head {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 14px;
}

.flow-card-head h2,
.flow-card-head p {
  margin: 0;
}

.flow-owner {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 8px;
  align-items: center;
}

.flow-owner .avatar {
  grid-row: 1 / 3;
}

.flow-owner small,
.flow-owner b {
  line-height: 1.15;
}

.flow-line {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding: 16px;
  border-radius: 14px;
  background: #fafcff;
}

.flow-step {
  min-width: 130px;
  text-align: center;
  display: grid;
  justify-items: center;
  gap: 5px;
}

.flow-step small {
  color: var(--muted);
}

.flow-arrow {
  color: #4e75be;
}

.premium-callout {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  background: linear-gradient(90deg, #fff3f5, #fff);
}

.premium-callout > svg {
  width: 44px;
  height: 44px;
  color: #ee1230;
}

.premium-callout > div h2,
.premium-callout > div p {
  margin: 0;
}

.premium-callout > b {
  padding: 12px 22px;
  border-radius: 12px;
  background: #fff0f0;
  color: #ed1230;
  text-align: center;
}

.section-title.spaced {
  margin: 24px 0 10px;
}

@media (max-width: 1000px) {
  .flow-line {
    overflow-x: auto;
  }
}