[data-api-browser] { margin:24px 0 36px; min-width:0; scroll-margin-top:24px; }
.api-tools { padding:16px; border:1px solid var(--line); border-radius:10px; background:var(--surface,#12151a); }
.api-tools label { display:block; margin-bottom:8px; color:var(--muted); font:11px var(--mono); }
.api-tools > div { display:flex; gap:8px; }
.api-tools input { min-width:0; flex:1; padding:12px; border:1px solid var(--line); border-radius:6px; background:#090b0e; color:var(--text); font:12px var(--mono); }
.api-tools button,.api-filters button,.api-more { padding:8px 12px; border:1px solid var(--line); border-radius:6px; background:#12151a; color:var(--muted); font:12px var(--sans); cursor:pointer; }
.api-filters { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.api-filters button[aria-pressed="true"] { color:var(--cyan); border-color:var(--cyan); background:rgba(126,224,255,.06); }
.api-index-status { margin:16px 0 6px; color:var(--gold); font:12px var(--mono); }
.api-index-scope { color:var(--muted); font-size:12px; line-height:1.6; margin-bottom:20px; }
.api-type-grid,.api-entry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.api-type-card,.api-entry { min-width:0; padding:16px; border:1px solid var(--line); border-radius:9px; background:#101318; overflow-wrap:anywhere; }
.api-type-card { display:grid; gap:8px; color:var(--text); text-align:left; cursor:pointer; }
.api-type-card span,.api-entry > div { color:var(--muted); font:11px var(--mono); }
.api-type-card span:first-child { color:var(--cyan); }
.api-type-card strong { color:var(--text); font:16px var(--mono); }
.api-type-card small,.api-entry small { display:block; color:var(--muted); font:10px var(--mono); line-height:1.6; }
.api-type-card:hover { border-color:var(--cyan); }
.api-entry > div { display:flex; justify-content:space-between; gap:12px; }
.api-entry h3 { color:var(--gold); font:15px var(--mono); margin:12px 0; }
.api-entry pre { margin:10px 0; padding:12px; background:#090b0e; border-radius:5px; white-space:pre-wrap; overflow-wrap:anywhere; font:11px/1.6 var(--mono); }
.api-entry p { color:var(--muted); font-size:12px; line-height:1.6; }
.api-entry .api-note { color:var(--gold); }
.api-reference-link { display:inline-block; margin-top:12px; font-size:11px; }
.api-more { margin-top:20px; }
[data-api-browser] :focus-visible { outline:2px solid var(--cyan); outline-offset:3px; }
.reference table,.doc table { display:block; max-width:100%; overflow-x:auto; }
.reference,.doc { overflow-wrap:anywhere; }
@media (max-width:760px) { .api-type-grid,.api-entry-grid { grid-template-columns:1fr; } }