/* docs.css - G3b only: params table, code tabs, sidebar layout. site.css (G3a) owns tokens/nav/footer. */
:root{--d-bg:var(--bg,#0f1115);--d-fg:var(--fg,#e7e9ee);--d-mut:var(--muted,#8b93a3);--d-line:var(--line,#262b36);--d-code:var(--code-bg,#151922);--d-acc:var(--accent,#d4ff3a);--d-mono:var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace)}
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
.docs{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;max-width:1280px;margin:0 auto;padding:24px}
.side{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow:auto;border-right:1px solid var(--d-line);padding-right:12px}
.side-h{font:600 12px/1 var(--d-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--d-mut)}
.side ul{list-style:none;margin:0;padding:0}
.side li{display:flex;justify-content:space-between;gap:8px;padding:4px 6px;border-radius:4px}
.side li.on{background:var(--d-code)}
.side li.on a{color:var(--d-acc)}
.side a{color:var(--d-fg);text-decoration:none;font-size:14px}
.side .n{color:var(--d-mut);font:12px var(--d-mono)}
.doc-main{min-width:0}
.doc-main pre,.pg-out pre{background:var(--d-code);border:1px solid var(--d-line);border-radius:6px;padding:12px;overflow:auto;max-width:100%;font:13px/1.5 var(--d-mono);white-space:pre}
.plat-list,.toc{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.plat-list a{display:flex;justify-content:space-between;padding:10px 12px;border:1px solid var(--d-line);border-radius:6px;color:var(--d-fg);text-decoration:none}
.plat-list span{color:var(--d-mut);font:12px var(--d-mono)}
.toc a{color:var(--d-fg);text-decoration:none;font:13px var(--d-mono);word-break:break-all}
.ep{border-top:1px solid var(--d-line);padding-top:20px;margin-top:28px}
.ep h2{font-size:18px;margin:0 0 8px}
.ep h2 a{color:var(--d-fg);text-decoration:none}
.ep .path{font-family:var(--d-mono);word-break:break-all}
.m{display:inline-block;font:700 11px/1 var(--d-mono);padding:4px 6px;border-radius:3px;margin-right:6px;vertical-align:middle}
.m-get{background:#1f3a2a;color:#7ee2a8}.m-post{background:#3a2f1a;color:#ffc66b}
.muted,.desc{color:var(--d-mut)}
.tbl-wrap{overflow-x:auto;max-width:100%}
table.params{width:100%;border-collapse:collapse;font-size:14px}
.params th,.params td{text-align:left;padding:8px;border-bottom:1px solid var(--d-line);vertical-align:top}
.params th{font:600 12px var(--d-mono);color:var(--d-mut);text-transform:uppercase}
.params td:last-child{min-width:220px}
.req{font:11px var(--d-mono);color:#ff8a7a}
.enum{font:12px var(--d-mono);color:var(--d-mut);margin-top:4px;word-break:break-word}
.tabs{margin:8px 0}
.tab-bar{display:flex;gap:4px;flex-wrap:wrap}
.tab{background:transparent;color:var(--d-mut);border:1px solid var(--d-line);border-bottom:none;border-radius:6px 6px 0 0;padding:6px 12px;font:13px var(--d-mono);cursor:pointer}
.tab.on{color:var(--d-fg);background:var(--d-code)}
.tabs .pane{display:none;margin-top:0;border-top-left-radius:0}
.tabs .pane.on{display:block}
.pg{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;max-width:1280px;margin:0 auto;padding:24px}
.pg-form{min-width:0}
.fld{display:block;margin:10px 0;font-size:13px;color:var(--d-mut)}
.fld input,.fld select{display:block;width:100%;margin-top:4px;padding:8px;background:var(--d-code);color:var(--d-fg);border:1px solid var(--d-line);border-radius:4px;font:13px var(--d-mono)}
.mode{display:flex;gap:16px}
.pg-out{min-width:0}
.ep-line{font:14px var(--d-mono);word-break:break-all}
.pg .btn{margin-top:12px;padding:10px 16px;cursor:pointer}
@media (max-width:860px){.docs,.pg{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}.side{position:static;max-height:220px;border-right:none;border-bottom:1px solid var(--d-line);padding:0 0 8px}}