:root {
  --brand: #ff3a61;
  --bg: #0b0c10;
  --panel: #111318;
  --border: #1f2328;
  --text: #f2f6fb;
  --muted: #aab6c5;
  --radius: 14px;
  --link: #8cb4ff;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; }
.header {
  position: sticky; top: 0; z-index: 2; background: var(--panel);
  border-bottom: 1px solid var(--border); padding: 10px 16px; display: flex; align-items: center; gap: 12px;
}
.header img { height: 24px; width: auto; }
.header .spacer { flex: 1; }
.header .btn, .header input {
  background: #0f1115; color: var(--text); border: 1px solid var(--border);
  padding: 8px 12px; border-radius: 10px;
}
.header .btn.primary { background: var(--brand); border-color: var(--brand); color: #fff; }
.header .shortcut { text-decoration: none; color: var(--text); padding: 6px 10px; border-radius: 10px; border: 1px solid transparent; }
.header .shortcut:hover { background: #0f1115; border-color: var(--border); }
.container { max-width: none; width: 100%; margin: 0 auto; padding: 12px; }
.footer { color: var(--muted); font-size: 12px; padding: 20px 16px; border-top: 1px solid var(--border); }
.hidden { display: none; }
code, pre, .scalar-markdown pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.scalar-card { border-radius: var(--radius); }
a { color: var(--link); }
@media (max-width: 920px) {
  .header { flex-wrap: wrap; gap: 8px; }
  .header .shortcut { padding: 6px 8px; }
}


/* Hide 'Open API Client' affordances anywhere */
a[title="Open API Client"],
a[href*="openapi-client"],
[data-testid="client-link"] { display: none !important; }
