/* Stable visual bounds for the about-page delivery diagrams. */
.about-delivery-visual {
  contain: layout paint;
}

.about-delivery-visual__stage {
  min-width: 0;
}

.about-delivery-visual--maintenance-flow .about-delivery-visual__stage {
  border-color: rgb(255 255 255 / 16%);
  background: rgb(255 255 255 / 8%);
  color: #f5f7fa;
}
.about-delivery-visual--maintenance-flow p,
.about-delivery-visual--maintenance-flow .about-delivery-visual__stage span { color: #edf0f4; }
.about-delivery-visual--maintenance-flow p + p,
.about-delivery-visual--maintenance-flow .about-delivery-visual__stage div span { color: #c3cbd5; }
.about-delivery-visual__stage span { overflow-wrap: anywhere; }
.about-delivery-visual--delivery-results > div:nth-child(2) { grid-template-columns: repeat(2,minmax(0,1fr)); }

@media (max-width: 767px) {
  .about-delivery-visual--maintenance-flow {
    min-height: 250px;
  }
}