* { box-sizing: border-box; }
:root { --header-height: 68px; color-scheme: light; --scalar-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --scalar-font-code: "Cascadia Code", "SFMono-Regular", Consolas, monospace; }
body { margin: 0; font-family: var(--scalar-font); background: var(--scalar-background-1); color: var(--scalar-color-1); }
[hidden] { display: none !important; }
.site-header { position: sticky; top: 0; z-index: 100; min-height: var(--header-height); display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 28px; border-bottom: 1px solid var(--scalar-border-color); background: var(--zippy-header-background); }
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--scalar-color-1); text-decoration: none; white-space: nowrap; }
.wordmark { font-size: 27px; font-weight: 800; letter-spacing: -1.5px; }
.brand-divider { height: 22px; width: 1px; margin: 0 4px; background: var(--scalar-border-color); }
.developers { color: var(--scalar-color-2); font-size: 14px; font-weight: 500; }
.header-actions { display: flex; align-items: center; gap: 10px; font-size: 12px; }
.version-badge { padding: 5px 9px; color: var(--zippy-notice-color); background: var(--zippy-notice-background); border-radius: 6px; font-weight: 700; }
.download-link { color: var(--scalar-color-2); text-decoration: none; font-weight: 600; padding: 7px 5px; }
.download-link:hover { color: var(--scalar-color-accent); text-decoration: underline; }
a:focus-visible { outline: 2px solid var(--scalar-color-accent); outline-offset: 4px; }
.loading { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 65vh; font-size: 14px; color: var(--scalar-color-2); }
.loading-mark { display: inline-block; width: 20px; height: 20px; border: 2px solid #e5e7eb; border-top-color: var(--scalar-color-accent); border-radius: 50%; animation: spin 1s linear infinite; }
.load-error { margin: 64px auto; max-width: 620px; padding: 24px; border: 1px solid var(--scalar-border-color); background: var(--zippy-notice-background); color: var(--zippy-notice-color); border-radius: 8px; line-height: 1.6; }
.scalar-app { --scalar-custom-header-height: var(--header-height); }
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .loading-mark { animation: none; } }
@media (max-width: 640px) { :root { --header-height: 60px; } .site-header { padding: 12px 16px; gap: 8px; } .developers, .brand-divider { display: none; } .wordmark { font-size: 24px; } .header-actions { gap: 8px; } .download-link { font-size: 11px; } }

/* Scalar 1.72.3: hide the illustrative server card and vendor footer link. */
#app .scalar-reference-intro-server,
#app a[href^="https://scalar.com/?utm_source=powered-by"] { display: none !important; }

/* Place the native signature tabs beside the section that explains them. */
#app .zippy-signature-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: var(--zippy-intro-desktop-rows);
  column-gap: 48px;
  align-items: start;
}
#app .zippy-signature-layout > .section-column:first-child,
#app .zippy-signature-layout .introduction-description { display: contents; }
#app .zippy-intro-item { grid-column: 1; grid-row: var(--zippy-intro-row); min-width: 0; }
#app .zippy-signature-column {
  grid-column: 2;
  grid-row: var(--zippy-signature-row) / span 2;
  width: auto;
  min-width: 0;
  padding-top: var(--zippy-signature-inset);
}
#app .zippy-signature-column .sticky-cards { position: static; }
@container references-container (width <= 900px) {
  #app .zippy-signature-layout { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
  #app .zippy-intro-item { grid-row: var(--zippy-intro-mobile-row); }
  #app .zippy-signature-column { grid-column: 1; grid-row: var(--zippy-signature-mobile-row); padding-top: 0; padding-bottom: 24px; }
}

:root, body.light-mode {
  color-scheme: light;
  --scalar-color-1: #293c35;
  --scalar-color-2: #52645b;
  --scalar-color-3: #596b62;
  --scalar-color-accent: #065f46;
  --scalar-background-1: #f3f1e9;
  --scalar-background-2: #e5ede7;
  --scalar-background-3: #dce7df;
  --scalar-background-accent: #cddfd3;
  --scalar-border-color: #ccd7cd;
  --scalar-color-green: #126b4a;
  --scalar-color-blue: #255c85;
  --scalar-color-orange: #875130;
  --scalar-color-red: #a13d37;
  --scalar-color-purple: #694582;
  --scalar-color-yellow: #765913;
  --scalar-button-1: #065f46;
  --scalar-button-1-hover: #064e3b;
  --scalar-button-1-color: #ecf5ef;
  --zippy-header-background: #eaf0eb;
  --zippy-sidebar-background: #e5ede7;
  --zippy-notice-background: #f1e4c9;
  --zippy-notice-color: #725321;
}
body.dark-mode {
  color-scheme: dark;
  --scalar-color-1: #e2ebe5;
  --scalar-color-2: #b4c6bd;
  --scalar-color-3: #adc0b7;
  --scalar-color-accent: #a4d9b8;
  --scalar-background-1: #1c2b2d;
  --scalar-background-2: #243936;
  --scalar-background-3: #2c443e;
  --scalar-background-accent: #27443a;
  --scalar-border-color: #405653;
  --scalar-color-green: #95d4b2;
  --scalar-color-blue: #a4cce3;
  --scalar-color-orange: #efbe92;
  --scalar-color-red: #f2a6a0;
  --scalar-color-purple: #c7b6f5;
  --scalar-color-yellow: #e5d390;
  --scalar-button-1: #a4d9b8;
  --scalar-button-1-hover: #c7e1d1;
  --scalar-button-1-color: #17332a;
  --zippy-header-background: #18272a;
  --zippy-sidebar-background: #172326;
  --zippy-notice-background: #4d3c22;
  --zippy-notice-color: #ead1a4;
}
#app .scalar-app {
  --scalar-sidebar-background-1: var(--zippy-sidebar-background);
  --scalar-sidebar-item-hover-color: var(--scalar-color-1);
  --scalar-sidebar-item-hover-background: var(--scalar-background-3);
  --scalar-sidebar-item-active-background: var(--scalar-background-accent);
  --scalar-sidebar-border-color: var(--scalar-border-color);
  --scalar-sidebar-color-1: var(--scalar-color-1);
  --scalar-sidebar-color-2: var(--scalar-color-2);
  --scalar-sidebar-color-active: var(--scalar-color-accent);
  --scalar-sidebar-search-background: var(--scalar-background-1);
  --scalar-sidebar-search-border-color: var(--scalar-border-color);
  --scalar-sidebar-search-color: var(--scalar-color-2);
}
#app .markdown p, #app .markdown li { line-height: 1.75; }
#app .markdown p { max-width: 68ch; }
#app :is(.request-card, .response-card, .scalar-reference-intro-clients, .markdown pre) {
  color-scheme: dark;
  --scalar-color-1: #deebf1;
  --scalar-color-2: #deebf1;
  --scalar-color-3: #b1c5cf;
  --scalar-color-accent: #a4d9b8;
  --scalar-background-1: #19323b;
  --scalar-background-2: #19323b;
  --scalar-background-3: #244550;
  --scalar-background-accent: #244550;
  --scalar-border-color: #45626b;
  --scalar-color-green: #95d4b2;
  --scalar-color-blue: #95d4b2;
  --scalar-color-orange: #efbe92;
  --scalar-color-red: #f2a6a0;
  --scalar-color-purple: #c7b6f5;
  --scalar-color-yellow: #e5d390;
  --scalar-button-1: #c7e1d1;
  --scalar-button-1-hover: #a4d9b8;
  --scalar-button-1-color: #174d36;
  background: var(--scalar-background-2);
  color: var(--scalar-color-1);
}