:root { --scalar-custom-header-height: 69px; }
html, body { margin: 0; }
.docs-toolbar {
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 12px 20px; background: var(--scalar-background-1, Canvas);
  color: var(--scalar-color-1, CanvasText); font: 14px system-ui, sans-serif;
  border-bottom: 1px solid var(--scalar-border-color, GrayText);
}
.docs-toolbar a { color: inherit; }
.docs-language { display: flex; gap: 4px; }
.docs-language button {
  min-width: 44px; min-height: 44px; border: 1px solid var(--scalar-border-color, GrayText);
  border-radius: 6px; background: transparent; color: inherit; font: inherit; cursor: pointer;
}
.docs-language button[aria-pressed="true"] { background: var(--scalar-color-1, CanvasText); color: var(--scalar-background-1, Canvas); font-weight: 600; }
.docs-language button:focus-visible, .docs-toolbar a:focus-visible { outline: 2px solid var(--scalar-color-accent, Highlight); outline-offset: 3px; }
#docs-status { margin: 0; color: var(--scalar-color-1, CanvasText); background: var(--scalar-background-1, Canvas); font: 14px system-ui, sans-serif; }
#docs-status:not(:empty) { padding: 8px 20px; }
@media (max-width: 480px) { :root { --scalar-custom-header-height: 61px; } .docs-toolbar { padding: 8px 12px; gap: 8px; } }