.tool-subtitle {
  max-width: 860px;
  margin: 12px auto 0;
}

.tool-card-inputs {
  position: relative;
}

.breakdown-card .legend-label {
  line-height: 1.45;
}

.breakdown-table td {
  text-align: right;
}

.breakdown-table th {
  width: 58%;
}

.hero-metrics .metric-pill strong {
  word-break: break-word;
}

.form-section-body {
  overflow: hidden;
  pointer-events: none;
}

.form-section.is-open .form-section-body {
  pointer-events: auto;
  max-height: 2000px;
  opacity: 1;
}

@media (max-width: 780px) {
  .breakdown-table th,
  .breakdown-table td {
    width: auto;
  }
}