/* ==========================================================================
   Plan card
   Subscription/plan summary (Billing): name + status pill + price + sub.
   Catalogued in preview/index.html.
   ========================================================================== */

.plan-card {
  border: var(--border-width) solid var(--color-border);
  border-radius: var(--radius-md);
  padding: 24px;
}

.plan-card__top {
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

.plan-card__name,
.plan-card__price {
  font-size: var(--text-section);
  font-weight: var(--weight-medium);
}

.plan-card__price { margin-left: auto; }

.plan-card__price small {
  font-size: var(--text-sm);
  color: var(--color-text-muted);
  font-weight: var(--weight-regular);
}

.plan-card__sub {
  color: var(--color-text-muted);
  font-size: var(--text-sm);
  margin-top: 4px;
}