/* Subscription management uses the shared light/dark design tokens. */
.billing-hero{padding:64px 0 40px}.billing-hero h1{max-width:900px;font-family:var(--editorial);font-size:clamp(2.3rem,5vw,4.25rem);font-weight:700;margin-top:24px}.billing-hero p{max-width:700px;color:var(--muted);font-size:1.125rem;margin-top:24px}
.billing-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;padding-bottom:80px;align-items:start}.billing-card{min-width:0;padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.billing-card h2{font-size:1.6rem}.billing-card p{color:var(--muted);margin-top:18px}.billing-card ol{padding-left:22px;color:var(--muted);margin:22px 0}.billing-card li{padding-left:5px;margin:12px 0}.billing-card a:not(.btn){color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.billing-card .btn{margin-top:24px;min-height:48px;white-space:normal;text-align:center;max-width:100%}.billing-card .eyebrow{font-size:.75rem}.billing-card .billing-note{font-size:.875rem;padding-top:18px;border-top:1px solid var(--line)}.billing-card h3{margin-top:28px;font-size:1.125rem}.billing-contact{display:block;margin-top:16px}
@media(max-width:800px){.billing-layout{grid-template-columns:minmax(0,1fr);gap:20px}.billing-hero{padding-top:40px}.billing-card{padding:28px}}
@media(max-width:520px){.billing-card{padding:24px}.billing-card .btn{width:100%}.billing-hero p{font-size:1rem}}