/* REST API v2 guides — the SMALL delta on top of the shared `.apidocs` doc theme.
   The theme itself (tokens, two-column layout, sidebar, tables, callouts, .codebox, the authed chrome variant)
   lives in apidocs-v1.css and is loaded first by every guide view: it was written for the v1 reference but nothing
   in it is v1-specific — it is simply "the api docs look", and the v2 guides deliberately reuse it verbatim so the
   two doc surfaces cannot drift apart. Only what the v1 page had no need for is added here.

   Everything stays namespaced under `.apidocs`, same as the base file, so no rule can escape into WWW's chrome. */

/* The guide set is several PAGES, not one scrolling document, so the sidebar carries cross-page links. The current
   page gets the same treatment scroll-spy gives an active in-page anchor. */
.apidocs .sidebar-nav a.here { background: var(--accent-soft); color: var(--link); font-weight: 600; }

/* Use the full content column (2026-08-07). The shared theme caps `.apidocs` at 1400px and centres it — right for
   the v1 reference, which is a STANDALONE full-viewport page. The v2 guides render inside WWW's authed chrome,
   which has already spent ~240px on its own left sidebar, so the cap applied a second margin on top of that and
   left the prose in a narrow ribbon with dead space either side. These pages have their own sidebar + content
   column and do their own line-length limiting, so the outer cap has nothing left to do here.
   Scoped to the v2 delta file, so the v1 page keeps its 1400px exactly as it was. */
.apidocs { max-width: none; }

/* …and let the prose column actually take the room that frees up. The theme also caps `.content` at 1000px, so
   lifting only the outer cap left a wide empty gutter BETWEEN the text and the right-hand TOC rather than a
   wider document. `flex: 1` makes it consume whatever is left after the sidebar.
   `max-width` on the inner elements is what keeps line length readable — a 1600px-wide <p> would be unreadable —
   so the column grows while the text does not sprawl, and wide content (tables, code blocks, the request/response
   examples these guides are mostly made of) gets the whole width it was always short of. */
.apidocs .content { max-width: none; flex: 1; min-width: 0; }
.apidocs .content > p,
.apidocs .content > ul,
.apidocs .content > ol,
.apidocs .content > .lead { max-width: 90ch; }

/* A one-line pointer to the interactive reference / a sibling guide, set apart from body prose. */
.apidocs .seealso {
    margin: 14px 0; padding: 10px 14px; font-size: 13.5px;
    background: var(--bg-alt); border: 1px solid var(--border); border-left: 4px solid var(--accent);
    border-radius: 6px;
}
.apidocs .seealso b { color: var(--heading); }

/* Cards for the guide index. Plain flow layout — no grid gymnastics needed for five entries. */
.apidocs .cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; margin: 18px 0; }
.apidocs .card {
    display: block; padding: 14px 16px; border: 1px solid var(--border); border-radius: 8px;
    background: var(--bg-alt); color: inherit;
}
.apidocs .card:hover { border-color: var(--accent); text-decoration: none; }
.apidocs .card .card-title { display: block; font-weight: 600; color: var(--heading); margin-bottom: 4px; }
.apidocs .card .card-body { display: block; font-size: 13.5px; color: var(--text-muted); }

/* A step number for the quickstart's numbered sections. */
.apidocs .step {
    display: inline-flex; align-items: center; justify-content: center;
    width: 24px; height: 24px; border-radius: 50%; margin-right: 8px;
    background: var(--accent); color: #fff; font-size: 13px; font-weight: 700; flex-shrink: 0;
}

/* Definition-style rows for a member glossary that would be over-heavy as a table. */
.apidocs dl.members { margin: 12px 0; }
.apidocs dl.members dt {
    font-family: 'Cascadia Code', Consolas, monospace; font-size: 13px;
    color: var(--heading); font-weight: 600; margin-top: 10px;
}
.apidocs dl.members dd { margin: 2px 0 0 0; padding-left: 16px; font-size: 14px; color: var(--text-muted); }

/* Status pill for the retry/attempt ladder table. */
.apidocs .pill.ok { color: var(--ok); border-color: var(--ok); }
.apidocs .pill.bad { color: var(--danger-text); border-color: var(--danger-border); }