/* ============================================================
   DOCS-WIDTH-V1 — Documentation main content full-width override
   Scope: `.dp-page[data-public-docs]` exists ONLY on the
   Documentation page (/docs). Sidebar (.dp-toc), global header,
   Quickstart (qs-), API Reference (ar-/pr-), Models, Products,
   Playground pages are NOT matched by these selectors.
   Root cause fix: developers-docs.css sets
     .dp-page[data-public-docs] .dp-content { max-width: 1000px }
     .dp-page[data-public-docs] .dp-header  { max-width: 1000px }
   while the main grid column is already viewport-250px. Removing
   the cap lets every surface (cards, callouts, Base URL strip,
   code blocks, tables, request/response panels) fill the main
   available width. Plain reading text stays limited via .dp-section > p.
   ============================================================ */

/* A. Layout / Surface width: content fills grid column 2 */
body .dp-page[data-public-docs] .dp-content { max-width: none; }
body .dp-page[data-public-docs] .dp-header { max-width: none; }

/* B. Reading width: plain paragraphs directly in a section
   (outside cards/callouts) keep a comfortable line length */
body .dp-page[data-public-docs] .dp-section > p { max-width: 960px; }

/* ============================================================
   DOCS-WIDTH-V2 — Documentation sidebar fixed scroll behavior
   Desktop only (matches existing 1000px breakpoint). The toc keeps
   its grid placement (column 1, span 2 rows) and all geometry at
   scrollY=0; position:sticky pins it below the fixed 65px header
   while the page body scrolls. Inner scroll with hidden scrollbar
   preserves the 250px inner width / paddings / row geometry (0 delta).
   Mobile (<1001px) keeps the existing drawer/off-canvas behavior.
   ============================================================ */
@media (min-width: 1001px) {
  body .dp-page[data-public-docs] .dp-toc {
    position: sticky;
    top: 65px;
    align-self: start;
    max-height: calc(100vh - 65px);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
  }
  body .dp-page[data-public-docs] .dp-toc::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
}


/* Full-height structural sidebar divider; desktop only. */
@media (min-width: 701px) {
  body .dp-page[data-public-docs] {
    position: relative;
  }
  body .dp-page[data-public-docs]::before {
    content: "";
    position: absolute;
    left: calc(var(--developers-sidebar-width, 250px) - 1px);
    top: 1px;
    bottom: 0;
    width: 1px;
    background: #e5e7eb;
    pointer-events: none;
    z-index: 2;
  }
  body .dp-page[data-public-docs] .dp-toc {
    border-right: 0 !important;
  }
}