/* ============================================================ CHECKOUT PAGE STYLES — layered on top of brand.css (SWA-813) checkout.html links brand.css BEFORE this file, so the shared brand layer — vendored fonts, :root tokens (light + dark), type scale, .btn, form fields, .alert base, reduced-motion — now lives in brand.css and was removed from here (it used to be a verbatim copy). This file is ONLY two things: 1. checkout-only structure (split panel, stepper, Recurly #card host, plan detail, trust logos, pay buttons, step-2 summary), and 2. the small INTENTIONAL-OVERRIDES block below — same selector as brand.css, but checkout needs a different value; these win by source order (this file loads last). DO NOT "dedupe" them back into brand.css: each diverges on purpose, noted inline. ============================================================ */ /* ============================================================ INTENTIONAL OVERRIDES OF brand.css — do not remove (SWA-813) ============================================================ */ /* checkout has no `.page` wrapper (it uses .checkout), so the side gutter the brand flow pages get from .page lives on here instead. */ body { padding-left: 24px; padding-right: 24px; } /* the error banner spans the full split-panel width and centers, rather than filling a single card like the brand flow pages (brand.css: margin 0 0 22px). */ .alert { margin: 0 auto 22px; max-width: 1180px; } /* checkout's .btn-close markup is an EMPTY