.plan_summary {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
}

.plan_summary__terms,
.plan_summary__column {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.plan_summary__terms {
  padding-right: var(--space-6);
}

.plan_summary__column {
  padding: 0 var(--space-6);
  border-left: var(--border-width) solid var(--color-border-subtle);
}

.plan_summary__column:last-child {
  padding-right: 0;
}

.plan_summary__figure {
  font-size: var(--text-3xl);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
}

.plan_summary__unit {
  color: var(--color-text-subtle);
  font-size: var(--text-md);
  font-weight: var(--weight-medium);
  letter-spacing: normal;
}

.plan_summary__row {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  color: var(--color-text-muted);
  font-size: var(--text-sm);
}

.plan_summary__value {
  color: var(--color-text);
  font-weight: var(--weight-medium);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.plan_summary__value--danger {
  color: var(--color-danger-text);
}

@media (width <= 60rem) {
  .plan_summary {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }

  .plan_summary__terms,
  .plan_summary__column {
    padding: 0;
    border-left: 0;
  }
}