/* API Docs page — extracted from inline <style>, upgrade #125 */
.api-docs-content{max-width:1200px;margin:0 auto;padding:20px 40px}
@media(max-width:768px){.api-docs-content{padding:16px}}
.api-docs-content h1{font-size:28px;color:var(--c-text);margin-bottom:4px}
.api-docs-content h1+p{color:var(--c-sub);font-size:14px;margin-bottom:32px}
body.light .api-docs-content h1{color:var(--c-accent)}
body.light .api-docs-content h1+p{color:var(--c-sub)}

.api-docs-content h2{font-size:20px;color:var(--c-text);margin:40px 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(var(--c-text-rgb),0.15)}
body.light .api-docs-content h2{color:var(--c-accent);border-bottom-color:rgba(var(--c-text-rgb),0.15)}

.api-docs-content h3{font-size:16px;color:var(--c-text);margin:24px 0 12px}
body.light .api-docs-content h3{color:var(--c-sub)}

.overview-box{background:rgba(var(--c-text-rgb),0.05);border:1px solid rgba(var(--c-text-rgb),0.12);border-radius:6px;padding:20px 24px;margin-bottom:32px}
.overview-box p{margin:8px 0;font-size:14px;color:var(--c-text);line-height:1.6}
body.light .overview-box{background:rgba(var(--c-text-rgb),0.03);border-color:rgba(var(--c-text-rgb),0.12)}
body.light .overview-box p{color:var(--c-accent)}

.auth-box{padding:16px 20px;border-radius:4px;margin-bottom:32px;font-size:14px}
.auth-box.open{background:rgba(var(--c-green-rgb),0.08);border:1px solid rgba(var(--c-green-rgb),0.25);color:rgba(var(--c-green-rgb),0.9)}
.auth-box.restricted{background:rgba(var(--c-red-rgb),0.08);border:1px solid rgba(var(--c-red-rgb),0.25);color:rgba(var(--c-red-rgb),0.9)}

.endpoint-card{background:rgba(var(--c-text-rgb),0.03);border:1px solid rgba(var(--c-text-rgb),0.1);border-radius:6px;margin-bottom:20px;overflow:hidden}
body.light .endpoint-card{background:rgba(var(--c-text-rgb),0.02);border-color:rgba(var(--c-text-rgb),0.1)}
.endpoint-header{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid rgba(var(--c-text-rgb),0.08)}
body.light .endpoint-header{border-bottom-color:rgba(var(--c-text-rgb),0.08)}
.method-badge{display:inline-block;padding:3px 10px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.method-badge.get{background:rgba(var(--c-blue-rgb),0.15);color:var(--c-blue);border:1px solid rgba(var(--c-blue-rgb),0.3)}
body.light .method-badge.get{background:rgba(var(--c-blue-rgb),0.1);color:var(--c-blue-dark);border-color:rgba(var(--c-blue-rgb),0.3)}
.endpoint-path{font-family:var(--font-mono);font-size:14px;color:var(--c-text);word-break:break-all}
body.light .endpoint-path{color:var(--c-sub)}
.endpoint-desc{padding:0 20px 14px;font-size:13px;color:var(--c-sub);margin-top:10px}
body.light .endpoint-desc{color:var(--c-sub)}
.cache-intro{color:var(--c-sub);font-size:13px;margin-bottom:20px}
body.light .cache-intro{color:var(--c-sub)}

.endpoint-body{padding:0 20px 16px}

.params-table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}
.params-table th{text-align:left;padding:8px 12px;background:rgba(var(--c-text-rgb),0.05);color:var(--c-text);font-weight:600;border-bottom:1px solid rgba(var(--c-text-rgb),0.1)}
.params-table td{padding:8px 12px;border-bottom:1px solid rgba(var(--c-text-rgb),0.06);color:var(--c-text)}
.params-table code{background:rgba(var(--c-text-rgb),0.08);padding:1px 6px;border-radius:2px;font-size:12px}
body.light .params-table th{background:rgba(var(--c-text-rgb),0.04);color:var(--c-accent);border-bottom-color:rgba(var(--c-text-rgb),0.1)}
body.light .params-table td{color:var(--c-accent);border-bottom-color:rgba(var(--c-text-rgb),0.06)}
body.light .params-table code{background:rgba(var(--c-text-rgb),0.06)}

.param-required{color:var(--c-red);font-weight:600}
.param-optional{color:var(--c-sub)}body.light .param-optional{color:var(--c-sub)}

code.block{display:block;background:rgba(var(--c-text-rgb),0.06);border:1px solid rgba(var(--c-text-rgb),0.1);
    border-radius:4px;padding:14px 18px;margin:10px 0;font-family:var(--font-mono);font-size:13px;
    white-space:pre-wrap;word-break:break-all;overflow-x:auto;line-height:1.5;color:var(--c-text)}
body.light code.block{background:rgba(var(--c-text-rgb),0.03);border-color:rgba(var(--c-text-rgb),0.1);color:var(--c-sub)}

.subsection-label{font-size:12px;font-weight:600;color:var(--c-sub);text-transform:uppercase;letter-spacing:1px;margin:16px 0 6px}
body.light .subsection-label{color:var(--c-sub)}

.api-footer{margin-top:48px;padding-top:20px;border-top:1px solid rgba(var(--c-text-rgb),0.1);font-size:12px;color:var(--c-sub);text-align:center}
body.light .api-footer{border-top-color:rgba(var(--c-text-rgb),0.1);color:var(--c-sub)}

/* TOC sidebar on desktop */
@media(min-width:1024px){
  .api-docs-layout{display:flex;gap:40px}
  .api-docs-sidebar{flex:0 0 200px;position:sticky;top:20px;align-self:flex-start}
  .api-docs-main{flex:1;min-width:0}
  .toc-link{display:block;padding:4px 0;font-size:13px;color:var(--c-sub);text-decoration:none;transition:color .2s}
  .toc-link:hover{color:var(--c-text)}
  body.light .toc-link{color:var(--c-sub)}
  body.light .toc-link:hover{color:var(--c-accent)}
}
/* ── Search ─────────────────────────────────────────────────── */
.api-search-wrap{position:relative;margin-bottom:24px}
.api-search-input{width:100%;padding:10px 40px 10px 16px;background:rgba(var(--c-text-rgb),0.06);border:1px solid rgba(var(--c-text-rgb),0.15);border-radius:6px;font-size:14px;color:var(--c-text);outline:none;box-sizing:border-box;font-family:var(--font-mono);transition:border-color .2s}
.api-search-input:focus{border-color:rgba(var(--c-text-rgb),0.4)}
.api-search-input::placeholder{color:var(--c-sub)}
body.light .api-search-input{background:rgba(var(--c-text-rgb),0.03);border-color:rgba(var(--c-text-rgb),0.12);color:var(--c-accent)}
body.light .api-search-input:focus{border-color:rgba(var(--c-text-rgb),0.35)}
body.light .api-search-input::placeholder{color:var(--c-sub)}
.api-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;color:var(--c-sub);font-size:20px;line-height:1;display:none;user-select:none}
.api-search-clear:hover{color:var(--c-text)}
body.light .api-search-clear{color:var(--c-sub)}
body.light .api-search-clear:hover{color:var(--c-accent)}

/* ── Copy button ─────────────────────────────────────────────── */
.copy-btn{position:absolute;top:8px;right:8px;padding:3px 10px;font-size:11px;background:rgba(var(--c-text-rgb),0.1);border:1px solid rgba(var(--c-text-rgb),0.2);border-radius:3px;color:var(--c-text);cursor:pointer;transition:all .15s}
.copy-btn:hover{background:rgba(var(--c-text-rgb),0.2);color:var(--c-text)}
body.light .copy-btn{background:rgba(var(--c-text-rgb),0.06);border-color:rgba(var(--c-text-rgb),0.15);color:var(--c-sub)}
body.light .copy-btn:hover{background:rgba(var(--c-text-rgb),0.12);color:var(--c-accent)}

/* ── Collapse ────────────────────────────────────────────────── */
.collapse-indicator{display:none}
.endpoint-card .endpoint-header{cursor:pointer;user-select:none}
.endpoint-card .endpoint-header::after{content:'▾';margin-left:auto;font-size:12px;color:#6e6e85;transition:transform .2s}
body.light .endpoint-card .endpoint-header::after{color:#6e6e85}
.endpoint-card.collapsed .endpoint-header::after{transform:rotate(-90deg)}
.endpoint-card.collapsed .endpoint-body{display:none}
.endpoint-card.collapsed .endpoint-desc{display:none}
.endpoint-card .endpoint-header .try-btn{margin-left:8px}

/* ── Try It button ───────────────────────────────────────────── */
.try-btn{padding:3px 10px;font-size:11px;background:rgba(var(--c-blue-rgb),0.12);border:1px solid rgba(var(--c-blue-rgb),0.25);border-radius:3px;color:var(--c-blue);cursor:pointer;transition:all .15s;white-space:nowrap;margin-left:auto}
.try-btn:hover{background:rgba(var(--c-blue-rgb),0.22);color:var(--c-blue)}
body.light .try-btn{background:rgba(var(--c-blue-rgb),0.08);border-color:rgba(var(--c-blue-rgb),0.2);color:rgba(var(--c-blue-rgb),0.7)}
body.light .try-btn:hover{background:rgba(var(--c-blue-rgb),0.15);color:var(--c-blue-dark)}

@media(max-width:1023px){.api-docs-sidebar{display:none}}