/* ── Widescreen frame (Thornwood standard) ─────────────────────────────
   Above 1920px the page canvas stops growing: content stays in a centered
   1920px frame and the overflow becomes quiet dark-gray gutters, so the
   layout never stretches or distorts on 4K/ultrawide monitors.
   Every page links this: <link rel="stylesheet" href="/widescreen.css">
   (put it in the head partial). verify.mjs enforces it.
   PER-SITE: any position:fixed chrome (nav bars, floating buttons, side
   rails) must be constrained to the frame in this file — full-width bars
   get left/right: calc((100vw - 1920px) / 2); corner-anchored items get
   that + their normal offset. Full-viewport overlays (modals, lightboxes,
   dimmers) are the exception: they SHOULD keep covering the whole screen.
   Tailwind `fixed` utility classes count too — grep class="...fixed...". */
@media (min-width: 1921px) {
  html {
    background: #1c1c1e;
  }
  body {
    max-width: 1920px !important;
    min-height: 100vh;
    margin-left: auto !important;
    margin-right: auto !important;
    box-shadow: 0 0 90px rgba(0, 0, 0, 0.45);
  }
}

/* Ledger Health Group fixed chrome, constrained to the frame */
@media (min-width: 1921px) {
  #hdr {
    left: calc((100vw - 1920px) / 2) !important;
    right: calc((100vw - 1920px) / 2) !important;
  }
  /* #stickyCta is mobile-only (hidden ≥1024px) — no constraint needed.
     #scheduleModal + #mobileMenu are full-viewport overlays — stay full-bleed on purpose. */
}