/* Shared readability treatment for the boxed diagrams in each phase hero. */
.hero .map .map-node {
  min-height: 54px;
  padding: 15px 16px;
  font-size: 16px;
  line-height: 1.38;
}

.hero .map .map-node strong {
  font-size: 17px;
  line-height: 1.3;
}

.hero .map .map-row {
  gap: 14px;
}

.hero .map .blueprint div {
  min-height: 78px;
  padding: 18px 17px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 17px;
  line-height: 1.42;
}

.hero .map .blueprint strong {
  margin-bottom: 3px;
  font-size: 18px;
  line-height: 1.25;
}

.hero .flow .node {
  min-height: 52px;
  padding: 14px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1.38;
}

.hero .flow .node.key {
  font-weight: 600;
}

@media (max-width: 560px) {
  .hero .map .map-node,
  .hero .flow .node {
    min-height: 50px;
    padding: 13px 14px;
    font-size: 16px;
  }

  .hero .map .blueprint div {
    min-height: 70px;
    padding: 16px 14px;
    font-size: 16px;
  }
}