/* API Explorer -- two-pane console layout, on top of the shared components. */
.explorer { display: flex; gap: 0; border: 1px solid var(--color-border); border-radius: var(--radius); overflow: hidden; background: var(--color-surface); min-height: 560px; }
.explorer__list { width: 260px; flex-shrink: 0; border-right: 1px solid var(--color-border); overflow-y: auto; max-height: 720px; }
.explorer__cat { padding: 10px 14px 4px; font-size: 11px; text-transform: uppercase; letter-spacing: .03em; color: var(--color-muted); font-weight: 700; }
.explorer__item { display: block; padding: 8px 14px; font-size: 13px; color: var(--color-text); text-decoration: none; cursor: pointer; border-left: 3px solid transparent; }
.explorer__item:hover { background: var(--color-surface-2); }
.explorer__item.is-active { background: var(--color-primary-weak); border-left-color: var(--color-primary); font-weight: 600; }
.explorer__detail { flex: 1; padding: var(--space-5); overflow-y: auto; max-height: 720px; }
.explorer__tabs { display: flex; gap: 4px; margin-bottom: var(--space-4); border-bottom: 1px solid var(--color-border); }
.explorer__tab { padding: 8px 14px; font-size: 13px; font-weight: 600; color: var(--color-muted); cursor: pointer; border-bottom: 2px solid transparent; }
.explorer__tab.is-active { color: var(--color-primary); border-bottom-color: var(--color-primary); }
.explorer__panel { display: none; }
.explorer__panel.is-active { display: block; }
.explorer pre.code-block { background: var(--color-surface-2); padding: var(--space-3); border-radius: var(--radius-sm); overflow-x: auto; font-family: var(--font-mono); font-size: 12.5px; white-space: pre-wrap; word-break: break-word; }
.explorer__empty { color: var(--color-muted); font-size: 13px; padding: var(--space-6); text-align: center; }