/* Exact existing ui.css tokens, scoped to the banner because frozen Journal CSS
   predates these names. No global/editorial token override. */
.ord-promo { --fs-12: 12px; --fw-700: 700; --ra-pill: 999px; --sh-1: 0 1px 2px rgba(21,34,53,.08); }
/* Confirmation pages used a horizontally centered flex body before site chrome. */
body[data-ord-promo-confirmation] { display: block; padding: 0; }
body[data-ord-promo-confirmation] > .card { margin: 2rem auto; max-width: calc(100% - 4rem); }
/* Both rows retain their normal-flow space and remain visible while scrolling. */
html.ord-promo-sticky .ord-promo { position: sticky; top: 0; z-index: 110; }
html.ord-promo-sticky .ord-top { position: sticky; top: var(--ord-promo-height, 0px); z-index: 100; }
html.ord-promo-sticky main [id] { scroll-margin-top: calc(var(--ord-chrome-height, 0px) + 16px); }
html.ord-promo-sticky .ord-nav.is-mobile-ready:has(.ord-nav-toggle[aria-expanded="true"]) { max-height: calc(100dvh - var(--ord-promo-height, 0px)); overflow-y: auto; }
html.ord-promo-sticky:has(.ord-nav-toggle[aria-expanded="true"]) .ord-support-widget { visibility: hidden; pointer-events: none; }