.solar-table td {
  vertical-align: top;
}

.solar-table td small {
  color: var(--muted);
  display: block;
  font-size: .76rem;
  line-height: 1.45;
  margin-top: 5px;
}

.solar-cashflow-table {
  min-width: 1180px;
}

.solar-cashflow-table th:first-child,
.solar-cashflow-table tbody th {
  background: var(--surface);
  left: 0;
  position: sticky;
  z-index: 1;
}

.solar-cashflow-table thead th:first-child {
  background: var(--surface-soft);
  z-index: 2;
}

@media (max-width: 720px) {
  .solar-step-heading {
    align-items: flex-start;
  }

  .solar-step-heading h3 {
    line-height: 1.4;
  }
}