/* Scoped overrides keep the decision readable without changing shared cart UI. */
.pricing-page.pricing-page { background: var(--brand-light-bg); }
.pricing-page #main-content { padding-top: 1.5rem; }
.pricing-page .pricing-hero { margin-bottom: 1.5rem; }
.pricing-page .pricing-hero h1 { font-size: clamp(1.875rem, 4vw, 3rem); line-height: 1.15; }
.pricing-page .pricing-free-start,
.pricing-page .pricing-billing-note { max-width: 48rem; margin: 0 auto 2rem; text-align: center; line-height: 1.6; }
.pricing-page a:not(.pricing-plan-action):focus-visible,
.pricing-page summary:focus-visible,
.pricing-page input:focus-visible,
.pricing-page [tabindex]:focus-visible { outline: 3px solid var(--brand-orange); outline-offset: 4px; }
.pricing-page .pricing-free-start a,
.pricing-page .pricing-billing-note a,
.pricing-page #pricing-faq p + a { color: var(--brand-header-secondary-bg); text-decoration: underline; text-underline-offset: .2em; }
.pricing-page .pricing-card { padding: 2rem 1.25rem 1.5rem; min-width: 0; box-shadow: 0 4px 16px rgb(0 0 0 / 6%); }
.pricing-page .pricing-card.featured,
.pricing-page .pricing-card:hover,
.pricing-page .pricing-card.featured:hover { transform: none; }
.pricing-page .pricing-plan-action { min-height: 48px; padding: .875rem 1rem; line-height: 1.4; }
.pricing-page .pricing-plan-action:focus-visible { outline: 3px solid var(--brand-orange); outline-offset: 4px; }
.pricing-page .pricing-plan-action:hover { filter: brightness(1.12); }
.pricing-page .pricing-usage-example { margin: .75rem 0; color: var(--brand-gray-dark); font-size: .875rem; line-height: 1.5; }
.pricing-page .pricing-card .text-xs .material-icons { font-size: 1rem; vertical-align: middle; }
.pricing-page .plan-badge { white-space: nowrap; font-weight: 600; padding: .4rem 1rem; }
.pricing-page .pricing-plan-grid { row-gap: 2rem; }
.pricing-page #credit-calculator { padding: 1.25rem; }
.pricing-page #credit-calculator summary { cursor: pointer; padding: .5rem 0; min-height: 44px; font-size: 1.25rem; font-weight: 600; color: var(--brand-header-secondary-bg); }
.pricing-page #credit-calculator[open] summary { margin-bottom: 1rem; }
.pricing-page #credit-calculator input { min-height: 48px; font-size: 1rem; }
.pricing-page #credit-calculator input[aria-invalid="true"] { border-color: var(--brand-orange); }
.pricing-page #calc-cta[hidden] { display: none; }
.pricing-page .text-xs, .pricing-page .text-sm { overflow-wrap: anywhere; }
@media (min-width: 768px) {
    .pricing-page .pricing-plan-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
    .pricing-page #credit-calculator { padding: 2rem; }
}
@media (prefers-reduced-motion: reduce) {
    .pricing-page .pricing-card, .pricing-page a { transition: none; }
}
/* The global heading treatment is too large and widely spaced for plan choices. */
.pricing-page { font-family: var(--font-body); }
.pricing-page h1, .pricing-page h2, .pricing-page h3 { text-transform: none; letter-spacing: normal; }
.pricing-page .pricing-hero p { font-size: 1rem; line-height: 1.6; }
.pricing-page #subscriptions-content > .text-center h2 { font-size: 1.375rem; line-height: 1.3; }
.pricing-page #subscriptions-content > .text-center p { font-size: .875rem; line-height: 1.5; }
.pricing-page .pricing-free-start { font-size: .875rem; margin-bottom: 1.5rem; }