/* Bridge the existing upscaler to the shared site shell without rebuilding its editor. */
.upscaler-page { background: var(--canvas-alternate); }
/* The legacy resize/checkout frames must cover the sticky navigation. */
.upscaler-page .floatingMenu { z-index: 30; }
.upscaler-page #pageBox { max-width: 1296px; padding-inline: 48px; }
.upscaler-page #pageBox :is(p, ol, ul, td, input, select, textarea, h3, .button) { font-family: var(--sans); }
.upscaler-page #pageBox :is(h1, h2) { font-family: var(--serif); font-weight: 400; letter-spacing: -.025em; }
.upscaler-page #pageBox h1 { padding-bottom: 1em; }
.upscaler-page #pageBox h2 { padding-bottom: .6em; }
.upscaler-page #pageBox p { padding-bottom: 1em; line-height: 1.5; }
.upscaler-page #pageBox p:last-child { padding-bottom: 0; }
.upscaler-page #pageBox :is(a, .link) { color: var(--purple); }
.upscaler-page #pageBox .button { background-color: var(--purple); color: var(--on-action); }
.upscaler-page #pageBox .button:hover { background-color: var(--action-hover); }
.upscaler-page #controlBox .input.summary { color: var(--purple); }
.upscaler-page #controlBox .input.summary:hover { background: var(--purple); color: var(--on-action); }

@media (max-width: 900px) {
  .upscaler-page #pageBox { padding-inline: 20px; }
}