.plans {
  grid-template-columns: repeat(2, minmax(0, 420px));
}

.pro-plan h2 small { font-size: 1rem; font-weight: 600; }
.pro-plan p, .pro-plan > small { font-size: .875rem; }
@media (max-width: 800px) { .plans { grid-template-columns: minmax(0, 420px); } }

.membership-gate {
  min-height: 210px;
  padding: 22px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: #fff8e8;
  border: 1px solid #eedaa5;
  border-radius: var(--radius);
}

.membership-gate strong {
  font-size: 1rem;
}

.membership-gate p {
  color: var(--muted);
  font-size: .75rem;
}

.membership-gate button {
  margin-top: auto;
}

.membership-benefits { max-width: 860px; margin: 0 auto 28px; padding: 18px 22px; background: #fff8e8; border: 1px solid #eedaa5; border-radius: var(--radius); }
.membership-benefits p { margin: 0 0 10px; line-height: 1.65; font-size: .875rem; }
.membership-benefits p:last-child { margin-bottom: 0; }
.prediction-access-note { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 18px; padding: 12px 16px; background: #fff8e8; border-radius: var(--radius); }
.prediction-access-note p { margin: 0; font-size: .8rem; line-height: 1.6; }
.prediction-access-note button { flex-shrink: 0; }
@media (max-width: 600px) { .prediction-access-note { align-items: flex-start; flex-direction: column; } }

.billing-disclosure{max-width:780px;margin:16px auto 24px;color:var(--muted);font-size:.9rem;line-height:1.6;text-align:center}.billing-disclosure a{color:var(--deep);text-underline-offset:3px}