.summary-heading,
.section-heading {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.card-icon,
.section-icon {
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  color: rgba(247, 247, 251, 0.72);
  font-weight: 800;
  line-height: 1;
}

.card-icon {
  width: 24px;
  height: 24px;
  font-size: 0.72rem;
}

.section-icon {
  width: 26px;
  height: 26px;
  font-size: 0.72rem;
}

.positive-icon {
  color: var(--money-positive);
  box-shadow: inset 0 0 0 1px rgba(159, 231, 192, 0.055);
}

.growth-icon {
  color: var(--money-growth);
  box-shadow: inset 0 0 0 1px rgba(157, 194, 255, 0.06);
}

.debt-icon {
  color: var(--money-debt);
  box-shadow: inset 0 0 0 1px rgba(255, 177, 166, 0.06);
}

.caution-icon {
  color: var(--money-caution);
  box-shadow: inset 0 0 0 1px rgba(242, 213, 138, 0.06);
}

.section-heading span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}