/* Palette copied from app.html's :root so the reference reads as part of
       the product rather than a bolted-on page. app.html hardcodes
       data-theme="dark" and ships no toggle, so this page is dark-only too —
       an earlier prefers-color-scheme block rendered it light next to a
       permanently-dark dashboard. */
    :root{
      --bg:#070E1A; --panel:#101D33; --panel-2:#0E1A2E;
      --border:rgba(255,255,255,.08);
      --text:#ECF1FA; --muted:#AEBBD6;
      --accent:#7DBCFF; --accent-hover:#A8D3FF;
      --yellow:#f5c518; --ok:#34D399; --warn:#F5C518; --danger:#F26B62;
      --code-bg:rgba(0,0,0,.28);
    }
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--text);
      font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
    a{color:var(--accent)}
    header{position:sticky;top:0;z-index:5;background:rgba(11,18,32,.94);
      backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:14px 22px;
      display:flex;align-items:center;gap:14px;flex-wrap:wrap}
    header h1{font-size:16px;margin:0;font-weight:650;letter-spacing:.2px}
    .pill{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);
      color:var(--muted);white-space:nowrap}
    .wrap{max-width:1080px;margin:0 auto;padding:24px 22px 80px}
    .lede{color:var(--muted);font-size:13px;max-width:70ch;margin:0 0 18px}
    .search{width:100%;padding:10px 13px;border-radius:9px;border:1px solid var(--border);
      background:var(--panel-2);color:var(--text);font-size:13.5px;margin:0 0 22px}
    .tag-h{margin:30px 0 4px;font-size:15px;font-weight:650;text-transform:capitalize}
    .tag-d{color:var(--muted);font-size:12.5px;margin:0 0 12px;max-width:75ch}
    .op{border:1px solid var(--border);border-radius:10px;background:var(--panel);
      margin:0 0 9px;overflow:hidden}
    .op>summary{cursor:pointer;padding:11px 14px;display:flex;align-items:center;
      gap:11px;flex-wrap:wrap;list-style:none}
    .op>summary::-webkit-details-marker{display:none}
    .op[open]>summary{border-bottom:1px solid var(--border)}
    .m{font-weight:700;font-size:11px;letter-spacing:.6px;padding:3px 8px;
      border-radius:5px;min-width:58px;text-align:center}
    .m.get{background:rgba(77,163,255,.16);color:#7dbcff}
    .m.post{background:rgba(52,211,153,.16);color:#4bd8a6}
    .m.put,.m.patch{background:rgba(232,163,61,.16);color:#f0b661}
    .m.delete{background:rgba(242,85,90,.16);color:#ff7b80}
    .path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
      word-break:break-all}
    .sum{color:var(--muted);font-size:12.5px;flex:1;min-width:180px}
    .body{padding:13px 15px 16px;font-size:13px}
    .body h4{margin:14px 0 6px;font-size:12px;text-transform:uppercase;
      letter-spacing:.7px;color:var(--muted);font-weight:650}
    .body h4:first-child{margin-top:0}
    table{width:100%;border-collapse:collapse;margin:0 0 4px;font-size:12.5px}
    th,td{text-align:left;padding:6px 9px;border-bottom:1px solid var(--border);
      vertical-align:top}
    th{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;
      letter-spacing:.5px}
    code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--code-bg);
      padding:1.5px 5px;border-radius:4px;font-size:12.5px}
    pre{background:var(--code-bg);padding:11px 13px;border-radius:8px;overflow-x:auto;
      margin:0;font-size:12.5px;line-height:1.5}
    pre code{background:none;padding:0}
    .req{color:var(--danger);font-size:11px;font-weight:600}
    .msg{padding:26px;border:1px solid var(--border);border-radius:11px;
      background:var(--panel);text-align:center;color:var(--muted)}
    .msg strong{color:var(--text);display:block;margin-bottom:7px;font-size:15px}
    .btn{display:inline-block;margin-top:13px;padding:9px 17px;border-radius:8px;
      background:var(--accent);color:#04101f;font-weight:600;text-decoration:none;
      font-size:13.5px}
    .note{border-left:3px solid var(--accent);background:rgba(77,163,255,.07);
      padding:11px 14px;border-radius:0 8px 8px 0;margin:0 0 20px;font-size:12.5px;
      color:var(--muted)}
    .note code{font-size:12px}
    a:hover{color:var(--accent-hover)}
    .btn{background:var(--yellow);color:#0A1628}
  
/* Inline-style migration (toward dropping style-src 'unsafe-inline'). Toggled
   elements (#gate, #main) use the native `hidden` attribute. */
.lg-spacer { flex: 1; }
.lg-backlink { font-size: 13px; text-decoration: none; }
.lg-gate-note { font-size: 12.5px; display: inline-block; margin-top: 8px; max-width: 52ch; }
.lg-inherit { color: inherit; }

/* phase-5 de-inline (api-docs-1.js) */
.lg-ad1 { margin:0 0 4px; color:var(--muted); }
.lg-ad2 { margin:0; color:var(--muted); }

/* ── Mobile responsiveness pass (2026-08-15) — max-width guarded only ── */
@media (max-width: 720px) {
  /* JS-rendered parameter tables have no scroll wrapper — let them scroll. */
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  pre { max-width: 100%; }
}