/* Page-specific overrides only — everything reusable lives in shared/css */

.monthly-plan-item {
  border-left: 3px solid var(--cyan);
  padding-left: var(--space-4);
  margin: var(--space-5) 0;
}

.monthly-plan-item h3 {
  margin-bottom: var(--space-2);
}

.monthly-plan-item dl {
  margin: var(--space-2) 0 0;
}

.monthly-plan-item dt {
  font-weight: 600;
  color: var(--text-navy);
}

.monthly-plan-item dd {
  margin: 0 0 var(--space-2);
  color: var(--text);
}

.support-note {
  margin-top: var(--space-4);
  font-size: var(--text-sm);
  color: var(--muted);
  text-align: center;
}