/* public/pricing.css — page chrome for /pricing only.
 *
 * The plan card itself is the SAME component the paywall renders after the test
 * (.paywall, .pw-list, .price, .pw-consent, .pay-terms — all in styles.css).
 * Nothing here restyles it: if this file started overriding those classes the
 * two cards would drift, which is exactly what sharing the markup prevents.
 * Only the header, the card's width on this page, and the trailing billing
 * paragraphs live here.
 */

.pricing-head{text-align:center;margin-bottom:30px}
.pricing-head .intro-lede{margin-left:auto;margin-right:auto}

/* The shared card has no width of its own — inside the quiz it fills the
   result column. Here it needs constraining and centring. */
#pxCard,#pxDone{max-width:460px;margin:0 auto}
#pxCard .paywall,#pxDone .paywall{margin-top:0}

/* The § 312j (2) disclosure (.pay-terms) is styled in styles.css and sits inside
   the card, immediately above the pay button. There is no separate billing-terms
   block on this page; the VAT / Merchant-of-Record detail and the refund and
   cancellation terms are in /terms. */