/* Container for the Scalar-rendered API reference on /developers/reference.
   Loaded only by that page (base.html `extra_css`), so none of this is on the
   global render-blocking path.

   Scalar ships its own design system and scopes its styles to its mount point,
   so this file deliberately does NOT restyle its interior -- overriding a
   third-party component's internals from outside couples us to its DOM, which
   changes between versions without notice. All that is set here is the box it
   lives in. */

/* The prose column the page header sits in, matching the waitlist page's own
   column. Kept here rather than as an inline `style` on the container: an
   inline style is counted by the frontend quality gate's inline-style ratchet,
   and this page is what pushed that count over its ceiling. */
.api-ref-page {
  max-width: 760px;
}

.api-ref__scalar {
  /* Scalar lays out a sidebar plus content and wants more room than the 760px
     prose column the waitlist form sits in. Break out to the full viewport
     width without disturbing the centered column above it. */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
  border-top: 1px solid var(--border);
  /* Until the bundle parses, the element is empty; a min-height stops the
     footer jumping up and then back down on load. */
  min-height: 60vh;
}

/* The page column has its own bottom padding; the full-bleed reference should
   not add a second gap above the footer. */
.api-ref {
  margin-bottom: 0;
}