.salary-chain {
  display: grid;
  gap: 5px;
  margin: 28px 0;
}

.salary-chain > small {
  color: var(--muted);
  font-size: 0.8rem;
}

.salary-chain strong {
  margin: 4px 0 10px;
  font-size: clamp(2.25rem, 4vw, 3.7rem);
}

.salary-chain i {
  width: max-content;
  background: var(--navy);
  color: white;
  padding: 5px 9px;
  font-style: normal;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0 0 8px;
}

.saving-badge {
  background: #edf5f2;
  color: #1c6651;
  border-left: 3px solid #3c9b7b;
  padding: 12px 14px;
  margin: -12px 0 25px;
  font-size: 0.82rem;
  font-weight: 700;
}

.cost-context {
  color: var(--muted);
  font-size: 0.78rem;
  margin: -18px 0 28px;
}