.cost-stack {
  display: grid;
  gap: 10px;
  max-width: 940px;
}

.cost-stack__row {
  min-height: 74px;
  display: grid;
  grid-template-columns: minmax(160px, 0.6fr) minmax(0, 1.4fr);
  align-items: center;
  gap: 28px;
  padding: 15px 20px;
  border: 1px solid var(--ink);
  border-radius: 6px;
}

.cost-stack__row strong {
  font-size: 17px;
}

.cost-stack__row span {
  color: var(--muted);
  font-size: 16px;
}

.cost-stack__row:nth-child(1) { width: 100%; }
.cost-stack__row:nth-child(2) { width: 92%; }
.cost-stack__row:nth-child(3) { width: 84%; }
.cost-stack__row:nth-child(4) { width: 76%; }
.cost-stack__row:nth-child(5) { width: 68%; }

@media (max-width: 760px) {
  .cost-stack__row,
  .cost-stack__row:nth-child(n) {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 4px;
  }
}