/* =============================================================
   Actian AI Analyst — Mintlify-style UI
   Inter (body) · JetBrains Mono (code) · Light + dark mode
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ═══════════════════════════════════════════════
   LIGHT MODE tokens
   ═══════════════════════════════════════════════ */
:root,
[data-md-color-scheme="default"] {
  --md-text-font: "Inter", system-ui, -apple-system, sans-serif;
  --md-code-font: "JetBrains Mono", "Fira Code", monospace;

  --color-bg:          #ffffff;
  --color-surface:     #f9fafb;
  --color-border:      #e5e7eb;
  --color-text:        #1f2937;
  --color-text-muted:  #6b7280;
  --color-accent:      #238ffb;
  --color-code-bg:     #f1f5f9;
  --color-code-border: #e2e8f0;
  --color-code-text:   #1e293b;

  --md-default-bg-color:        var(--color-bg);
  --md-default-fg-color:        var(--color-text);
  --md-default-fg-color--light: var(--color-text-muted);
  --md-primary-fg-color:        var(--color-accent);
  --md-accent-fg-color:         var(--color-accent);
  --md-typeset-a-color:         var(--color-accent);
  --md-code-bg-color:           var(--color-code-bg);
  --md-code-fg-color:           var(--color-code-text);
}

/* ═══════════════════════════════════════════════
   DARK MODE tokens
   ═══════════════════════════════════════════════ */
[data-md-color-scheme="slate"] {
  --color-bg:          #0f172a;
  --color-surface:     #1e293b;
  --color-border:      #334155;
  --color-text:        #f1f5f9;
  --color-text-muted:  #94a3b8;
  --color-accent:      #60a5fa;
  --color-code-bg:     #1e293b;
  --color-code-border: #334155;
  --color-code-text:   #e2e8f0;

  --md-default-bg-color:        var(--color-bg);
  --md-default-fg-color:        var(--color-text);
  --md-default-fg-color--light: var(--color-text-muted);
  --md-primary-fg-color:        var(--color-accent);
  --md-accent-fg-color:         var(--color-accent);
  --md-typeset-a-color:         var(--color-accent);
  --md-code-bg-color:           var(--color-code-bg);
  --md-code-fg-color:           var(--color-code-text);
}

/* ═══════════════════════════════════════════════
   BASE
   ═══════════════════════════════════════════════ */
html, body {
  background-color: var(--color-bg);
  overscroll-behavior: none;       /* prevents elastic bounce / page-jump at scroll edges */
}

body,
.md-typeset {
  font-family: var(--md-text-font);
  font-size: 16px;
  line-height: 1.65;
  font-weight: 400;
  color: var(--color-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ═══════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════ */
.md-header {
  background: var(--color-bg) !important;
  color: var(--color-text) !important;
  border-bottom: 1px solid var(--color-border) !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Give the inner header row a consistent right gap so the
   theme-toggle / source icon don't sit flush against the edge */
.md-header__inner {
  padding-right: 1rem !important;
}

/* Search bar: push it right but leave room for the icons */
.md-search {
  margin-left: auto !important;
  margin-right: 0.5rem !important;
}

/* Theme-toggle group: no extra auto margin */
.md-header__option {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[data-md-color-scheme="default"] .md-header__button.md-logo img,
[data-md-color-scheme="default"] .md-header__button.md-logo svg {
  filter: none !important;
}

[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo svg {
  filter: brightness(0) invert(1) !important;
}

.md-header__title,
.md-header__topic {
  color: var(--color-accent) !important;
  font-family: var(--md-text-font);
  font-weight: 300;
}

.md-header__button {
  color: var(--color-text) !important;
}

[data-md-color-scheme="default"] .md-header {
  --md-primary-bg-color: #1f2937;
}
[data-md-color-scheme="default"] .md-header__button:not(.md-logo):not(.md-source) {
  color: #1f2937 !important;
  opacity: 1 !important;
}
[data-md-color-scheme="default"] .md-header__button:not(.md-logo):not(.md-source) svg {
  fill: #1f2937 !important;
}

/* Support link — compact filled pill, Actian blue */
.md-source,
.md-header__button.md-source {
  color: #ffffff !important;
  background: #238ffb !important;
  border: none !important;
  border-radius: 9999px !important;
  padding: 0.2em 1em !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: fit-content !important;
  height: auto !important;
  line-height: 1.4 !important;
  transition: background 0.15s;
}
.md-source:hover,
.md-header__button.md-source:hover {
  background: #1a7de0 !important;
  opacity: 1;
}
[data-md-color-scheme="slate"] .md-source,
[data-md-color-scheme="slate"] .md-header__button.md-source {
  color: #ffffff !important;
  background: #238ffb !important;
}
[data-md-color-scheme="slate"] .md-source:hover,
[data-md-color-scheme="slate"] .md-header__button.md-source:hover {
  background: #1a7de0 !important;
}

.md-search__form {
  background: var(--color-surface) !important;
  border: 1px solid var(--color-border) !important;
  border-radius: 9999px !important;
}
.md-search__input {
  color: var(--color-text) !important;
  background: transparent !important;
}
.md-search__input::placeholder {
  color: var(--color-text-muted) !important;
}
[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
  background: var(--color-surface) !important;
  border-color: var(--color-accent) !important;
}

/* ═══════════════════════════════════════════════
   NAVIGATION TABS
   ═══════════════════════════════════════════════ */
.md-tabs {
  background-color: var(--color-bg) !important;
  border-bottom: 1px solid var(--color-border);
  box-shadow: none;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

[data-md-color-scheme="default"] .md-tabs__link {
  color: #1f2937 !important;
  font-family: var(--md-text-font);
  font-size: 14px;
  font-weight: 500;
  opacity: 1 !important;
}

[data-md-color-scheme="slate"] .md-tabs {
  background-color: var(--color-bg) !important;
}

[data-md-color-scheme="slate"] .md-tabs__link {
  color: var(--color-text) !important;
  font-family: var(--md-text-font);
  font-size: 14px;
  font-weight: 500;
  opacity: 1 !important;
}

.md-tabs__link--active,
.md-tabs__link:hover,
[data-md-color-scheme="default"] .md-tabs__link--active,
[data-md-color-scheme="default"] .md-tabs__link:hover,
[data-md-color-scheme="slate"] .md-tabs__link--active,
[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: var(--color-accent) !important;
}

/* ═══════════════════════════════════════════════
   SIDEBAR + TOC
   ═══════════════════════════════════════════════ */
.md-sidebar,
.md-sidebar--primary,
.md-sidebar--secondary,
.md-sidebar__scrollwrap,
.md-sidebar__inner {
  background-color: var(--color-bg) !important;
  border-right: none !important;
  border-left: none !important;
}

[data-md-color-scheme="slate"] .md-sidebar,
[data-md-color-scheme="slate"] .md-sidebar--primary,
[data-md-color-scheme="slate"] .md-sidebar--secondary,
[data-md-color-scheme="slate"] .md-sidebar__scrollwrap,
[data-md-color-scheme="slate"] .md-sidebar__inner {
  background-color: var(--color-bg) !important;
}

.md-nav {
  font-family: var(--md-text-font);
  background-color: var(--color-bg) !important;
}

[data-md-color-scheme="slate"] .md-nav {
  background-color: var(--color-bg) !important;
}

.md-nav__title {
  color: var(--color-text) !important;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: var(--color-bg) !important;
}

[data-md-color-scheme="slate"] .md-nav__title {
  color: var(--color-text) !important;
  background-color: var(--color-bg) !important;
}

.md-nav__link,
.md-nav__link .md-ellipsis {
  color: var(--color-text) !important;
  font-size: 14px;
  font-weight: 400;
}

.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link .md-ellipsis,
.md-nav__item--section > .md-nav__link,
.md-nav__item--section > .md-nav__link .md-ellipsis {
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.01em;
}

[data-md-color-scheme="slate"] .md-nav__link,
[data-md-color-scheme="slate"] .md-nav__link .md-ellipsis,
[data-md-color-scheme="slate"] label.md-nav__link,
[data-md-color-scheme="slate"] .md-nav__item--nested > .md-nav__link,
[data-md-color-scheme="slate"] .md-nav__item--nested > .md-nav__link .md-ellipsis,
[data-md-color-scheme="slate"] .md-nav__item--section > .md-nav__link,
[data-md-color-scheme="slate"] .md-nav__item--section > .md-nav__link .md-ellipsis,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link .md-ellipsis {
  color: var(--color-text) !important;
}

.md-nav__link:hover,
.md-nav__link:hover .md-ellipsis,
.md-nav__link--active,
.md-nav__link--active .md-ellipsis,
[data-md-color-scheme="slate"] .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav__link:hover .md-ellipsis,
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__link--active .md-ellipsis,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link:hover .md-ellipsis,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link--active,
[data-md-color-scheme="slate"] .md-sidebar--secondary .md-nav__link--active .md-ellipsis {
  color: var(--color-accent) !important;
}

.md-nav__link--active {
  font-weight: 500;
}

.md-nav--secondary .md-nav__link {
  font-size: 13px !important;
  padding-top: 0.15em !important;
  padding-bottom: 0.15em !important;
  line-height: 1.4 !important;
  padding-left: 1rem !important;
}

.md-nav--secondary .md-nav__item {
  margin: 0 !important;
}

/* ═══════════════════════════════════════════════
   CONTENT AREA
   ═══════════════════════════════════════════════ */
.md-content,
.md-main,
.md-main__inner {
  background-color: var(--color-bg);
}

/* ═══════════════════════════════════════════════
   HEADINGS
   ═══════════════════════════════════════════════ */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: var(--md-text-font);
  font-weight: 600;
  color: var(--color-text);
  letter-spacing: -0.02em;
  line-height: 1.3;
}

.md-typeset h1 { font-size: 2em;    margin-top: 0; margin-bottom: 0.5rem; }
.md-typeset h2 { font-size: 1.5em;  }
.md-typeset h3 { font-size: 1.25em; }

/* ═══════════════════════════════════════════════
   INLINE CODE
   ═══════════════════════════════════════════════ */
.md-typeset code:not(pre code) {
  font-family: var(--md-code-font) !important;
  font-size: 0.82em !important;
  background: #f3f4f6 !important;
  border: 1px solid #c9cdd2 !important;
  border-radius: 4px !important;
  padding: 0.1em 0.42em !important;
  color: #24292e !important;
  font-variant-ligatures: none;
  box-shadow: none !important;
}

[data-md-color-scheme="slate"] .md-typeset code:not(pre code) {
  background: #22272e !important;
  border-color: #444c56 !important;
  color: #cdd9e5 !important;
}

/* ═══════════════════════════════════════════════
   CODE BLOCKS
   ═══════════════════════════════════════════════ */
.md-typeset .highlight,
.md-typeset .highlighttable {
  background: #f6f8fa !important;
  border: 1px solid #e1e4e8 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  margin: 1em 0 !important;
  box-shadow: none !important;
}

.md-typeset pre,
.md-typeset .highlight pre,
.highlight pre,
pre {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 1em 1.25em !important;
  margin: 0 !important;
  overflow-x: auto !important;
  overscroll-behavior: contain !important;
}

.md-typeset pre code,
.md-typeset .highlight pre code,
pre code {
  font-family: var(--md-code-font) !important;
  font-size: 0.875em !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: #000000 !important;
  -webkit-font-smoothing: auto !important;
  font-variant-ligatures: none;
  line-height: 1.7 !important;
  white-space: pre !important;
}

[data-md-color-scheme="slate"] .md-typeset .highlight,
[data-md-color-scheme="slate"] .md-typeset .highlighttable {
  background: #161b22 !important;
  border-color: #30363d !important;
}
[data-md-color-scheme="slate"] .md-typeset pre,
[data-md-color-scheme="slate"] .md-typeset .highlight pre,
[data-md-color-scheme="slate"] pre {
  background: transparent !important;
}
[data-md-color-scheme="slate"] .md-typeset pre code,
[data-md-color-scheme="slate"] .md-typeset .highlight pre code,
[data-md-color-scheme="slate"] pre code {
  color: #e6edf3 !important;
}

/* ═══════════════════════════════════════════════
   SYNTAX TOKENS — light mode
   ═══════════════════════════════════════════════ */
[data-md-color-scheme="default"] .md-typeset .highlight .c,
[data-md-color-scheme="default"] .md-typeset .highlight .c1,
[data-md-color-scheme="default"] .md-typeset .highlight .cm { color: #999999 !important; font-style: normal !important; }

[data-md-color-scheme="default"] .md-typeset .highlight .k,
[data-md-color-scheme="default"] .md-typeset .highlight .kn,
[data-md-color-scheme="default"] .md-typeset .highlight .kd,
[data-md-color-scheme="default"] .md-typeset .highlight .kr,
[data-md-color-scheme="default"] .md-typeset .highlight .kt { color: #d73a49 !important; font-weight: normal !important; }

[data-md-color-scheme="default"] .md-typeset .highlight .s,
[data-md-color-scheme="default"] .md-typeset .highlight .s1,
[data-md-color-scheme="default"] .md-typeset .highlight .s2,
[data-md-color-scheme="default"] .md-typeset .highlight .sb,
[data-md-color-scheme="default"] .md-typeset .highlight .sc,
[data-md-color-scheme="default"] .md-typeset .highlight .se,
[data-md-color-scheme="default"] .md-typeset .highlight .sh,
[data-md-color-scheme="default"] .md-typeset .highlight .si,
[data-md-color-scheme="default"] .md-typeset .highlight .sx { color: #22863a !important; }

[data-md-color-scheme="default"] .md-typeset .highlight .mi,
[data-md-color-scheme="default"] .md-typeset .highlight .mf,
[data-md-color-scheme="default"] .md-typeset .highlight .m  { color: #22863a !important; }

[data-md-color-scheme="default"] .md-typeset .highlight .nl,
[data-md-color-scheme="default"] .md-typeset .highlight .py,
[data-md-color-scheme="default"] .md-typeset .highlight .nt,
[data-md-color-scheme="default"] .md-typeset .highlight .na { color: #c96a1e !important; }

[data-md-color-scheme="default"] .md-typeset .highlight .o,
[data-md-color-scheme="default"] .md-typeset .highlight .ow,
[data-md-color-scheme="default"] .md-typeset .highlight .p,
[data-md-color-scheme="default"] .md-typeset .highlight .n,
[data-md-color-scheme="default"] .md-typeset .highlight .nn,
[data-md-color-scheme="default"] .md-typeset .highlight .nb,
[data-md-color-scheme="default"] .md-typeset .highlight .nf,
[data-md-color-scheme="default"] .md-typeset .highlight .nc { color: #24292e !important; }

[data-md-color-scheme="default"] .md-typeset .highlight .gp { color: #babbbd !important; user-select: none !important; }
[data-md-color-scheme="default"] .md-typeset .highlight .err { color: #24292e !important; background: transparent !important; border: none !important; }

/* ═══════════════════════════════════════════════
   SYNTAX TOKENS — dark mode
   ═══════════════════════════════════════════════ */
[data-md-color-scheme="slate"] .md-typeset .highlight .c,
[data-md-color-scheme="slate"] .md-typeset .highlight .c1,
[data-md-color-scheme="slate"] .md-typeset .highlight .cm  { color: #768390 !important; font-style: normal !important; }
[data-md-color-scheme="slate"] .md-typeset .highlight .k,
[data-md-color-scheme="slate"] .md-typeset .highlight .kn,
[data-md-color-scheme="slate"] .md-typeset .highlight .kd,
[data-md-color-scheme="slate"] .md-typeset .highlight .kr,
[data-md-color-scheme="slate"] .md-typeset .highlight .kt  { color: #f97583 !important; font-weight: normal !important; }
[data-md-color-scheme="slate"] .md-typeset .highlight .s,
[data-md-color-scheme="slate"] .md-typeset .highlight .s1,
[data-md-color-scheme="slate"] .md-typeset .highlight .s2,
[data-md-color-scheme="slate"] .md-typeset .highlight .sb,
[data-md-color-scheme="slate"] .md-typeset .highlight .sc,
[data-md-color-scheme="slate"] .md-typeset .highlight .se,
[data-md-color-scheme="slate"] .md-typeset .highlight .sh,
[data-md-color-scheme="slate"] .md-typeset .highlight .si,
[data-md-color-scheme="slate"] .md-typeset .highlight .sx  { color: #8ddb8c !important; }
[data-md-color-scheme="slate"] .md-typeset .highlight .mi,
[data-md-color-scheme="slate"] .md-typeset .highlight .mf,
[data-md-color-scheme="slate"] .md-typeset .highlight .m   { color: #8ddb8c !important; }
[data-md-color-scheme="slate"] .md-typeset .highlight .nl,
[data-md-color-scheme="slate"] .md-typeset .highlight .py,
[data-md-color-scheme="slate"] .md-typeset .highlight .nt,
[data-md-color-scheme="slate"] .md-typeset .highlight .na  { color: #e3986a !important; }
[data-md-color-scheme="slate"] .md-typeset .highlight .o,
[data-md-color-scheme="slate"] .md-typeset .highlight .ow,
[data-md-color-scheme="slate"] .md-typeset .highlight .p,
[data-md-color-scheme="slate"] .md-typeset .highlight .n,
[data-md-color-scheme="slate"] .md-typeset .highlight .nn,
[data-md-color-scheme="slate"] .md-typeset .highlight .nb,
[data-md-color-scheme="slate"] .md-typeset .highlight .nf,
[data-md-color-scheme="slate"] .md-typeset .highlight .nc  { color: #cdd9e5 !important; }
[data-md-color-scheme="slate"] .md-typeset .highlight .gp  { color: #545d68 !important; user-select: none !important; }
[data-md-color-scheme="slate"] .md-typeset .highlight .err { color: #cdd9e5 !important; background: transparent !important; border: none !important; }

/* ═══════════════════════════════════════════════
   ADMONITIONS
   ═══════════════════════════════════════════════ */
.md-typeset .admonition,
.md-typeset details {
  border-radius: 6px;
  box-shadow: none;
}

/* ═══════════════════════════════════════════════
   TABLES
   ═══════════════════════════════════════════════ */
.md-typeset table {
  font-family: var(--md-text-font);
  font-size: 15px;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  overflow: hidden;
}

.md-typeset table th {
  background: var(--color-surface);
  font-weight: 600;
  color: var(--color-text);
}

.md-typeset table td,
.md-typeset table th {
  border: 1px solid var(--color-border) !important;
  border-color: var(--color-border);
}

.md-typeset table tr:hover {
  background: var(--color-surface);
}

/* ═══════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════ */
.md-footer,
.md-footer-meta,
.md-footer-meta__inner {
  background: var(--color-surface) !important;
  border-top: 1px solid var(--color-border) !important;
}

.md-footer,
.md-footer *,
.md-footer-meta,
.md-footer-meta * {
  color: var(--color-text) !important;
}

.md-footer a,
.md-footer-meta a {
  color: var(--color-accent) !important;
  text-decoration: none;
}

.md-footer a:hover,
.md-footer-meta a:hover {
  text-decoration: underline;
}

/* ═══════════════════════════════════════════════
   RAW MARKDOWN LINK — card style (matches screenshot)
   ═══════════════════════════════════════════════ */
.md-raw-link {
  display: inline-flex;
  align-items: center;
  gap: 0.6em;
  float: right;
  margin: 0 0 1rem 1.5rem;
  padding: 0.55em 0.85em;
  font-family: var(--md-text-font);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 0.5rem;
  text-decoration: none !important;
  transition: border-color 0.15s, background 0.15s;
  white-space: nowrap;
  cursor: pointer;
  max-width: 220px;
}

.md-raw-link:hover {
  border-color: var(--color-accent);
  background: var(--color-bg);
  text-decoration: none !important;
}

/* M↓ badge icon */
.md-raw-link__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.6em;
  height: 1.6em;
  background: var(--color-text);
  color: var(--color-bg);
  border-radius: 0.2rem;
  font-size: 0.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1;
}

[data-md-color-scheme="slate"] .md-raw-link__icon {
  background: var(--color-text);
  color: var(--color-bg);
}

/* Text body */
.md-raw-link__body {
  display: flex;
  flex-direction: column;
  gap: 0.1em;
  min-width: 0;
}

.md-raw-link__title {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  font-size: 0.5rem;
  font-weight: 500;
  color: var(--color-text) !important;
  line-height: 1.3;
}

.md-raw-link:hover .md-raw-link__title {
  color: var(--color-accent) !important;
}

/* Hide on landing/home page */
.md-home .md-raw-link {
  display: none !important;
}

/* ═══════════════════════════════════════════════
   LINKS
   ═══════════════════════════════════════════════ */
.md-typeset a {
  color: var(--color-accent);
  text-decoration: none;
}

.md-typeset a:hover {
  text-decoration: underline;
}

/* ═══════════════════════════════════════════════
   LANDING PAGE
   ═══════════════════════════════════════════════ */
.dx-hero__content,
.dx-hero__content h1,
.hero-heading,
.hero-heading h1,
.hero-body,
.hero-body p,
.hero-quote,
.databases-section,
.databases-subtitle,
.database-card,
.database-name,
.database-description,
.get-started-section,
.features-section,
.feature-title,
.feature-description,
.section-description,
.jumbo-heading,
.primary-link {
  font-family: var(--md-text-font);
}

/* ═══════════════════════════════════════════════
   STEPS COMPONENT
   ═══════════════════════════════════════════════ */
.steps-container {
  margin: 2rem 0;
  padding: 0;
  list-style: none;
  counter-reset: step-counter;
}

.step-item {
  position: relative;
  padding-left: 2rem;
  padding-bottom: 1rem;
  counter-increment: step-counter;
}

.step-item:last-child {
  padding-bottom: 0;
}

.step-item:not(:last-child)::before {
  content: '';
  position: absolute;
  left: 0.4rem;
  top: 1.5rem;
  bottom: 0;
  width: 1px;
  background: var(--color-border);
}

.step-item::after {
  content: counter(step-counter) ".";
  position: absolute;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: var(--color-text);
  font-weight: 400;
  font-size: 16px;
  display: inline;
  z-index: 1;
}

.step-title {
  font-family: var(--md-text-font);
  font-size: 16px;
  line-height: 1.65;
  font-weight: 400;
  color: var(--color-text);
  margin: 0 0 0.25rem 0;
  padding: 0;
}

.step-description {
  font-family: var(--md-text-font);
  font-size: 16px;
  line-height: 1.65;
  font-weight: 400;
  color: var(--color-text);
  margin: 0;
  padding: 0;
}

[data-md-color-scheme="slate"] .step-item:not(:last-child)::before {
  background: var(--color-border);
}

/* ═══════════════════════════════════════════════
   IMAGES
   ═══════════════════════════════════════════════ */
.md-content figure {
  margin: 1rem 0;
  text-align: left;
}

.md-content figure img {
  display: block !important;
  max-width: 100%;
  height: auto;
  border-radius: 0.2rem;
  margin: 0;
}

.md-typeset figure img {
  display: block !important;
  max-width: 100%;
  height: auto;
  margin: 0;
}

/* Left-align block images (exclude inline images like icons in tables) */
.md-typeset img:not(table img):not(.icon) {
  display: block;
  margin: 0;
  border: 1px solid var(--color-border);
  border-radius: 4px;
}

/* ═══════════════════════════════════════════════
   API REFERENCE — full-bleed Redoc layout
   ═══════════════════════════════════════════════ */
[data-md-url*="public-api/reference"] .md-content,
[data-md-url*="public-api/reference"] .md-content__inner {
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

[data-md-url*="public-api/reference"] .md-content__inner > h1:first-child {
  display: none !important;
}

[data-md-url*="public-api/reference"] .md-footer-nav,
[data-md-url*="public-api/reference"] footer.md-footer {
  display: none !important;
}

#redoc-container {
  width: 100%;
  min-height: calc(100vh - 56px);
}

[data-md-url*="public-api/reference"] .md-main__inner {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}

[data-md-url*="public-api/reference"] .md-sidebar--secondary {
  display: none !important;
}

/* ═══════════════════════════════════════════════
   COPY TOAST — black pill, white text, bottom-center
   Nuclear fix: override MD CSS variables at scope
   ═══════════════════════════════════════════════ */

/* Override the MD variable at the toast scope */
.md-toast {
  --md-default-fg-color: #ffffff !important;
  --md-default-fg-color--light: #ffffff !important;
  --md-default-fg-color--lighter: #ffffff !important;
  --md-default-fg-color--lightest: #ffffff !important;
  color: #ffffff !important;
}
.md-toast {
  position: fixed !important;
  bottom: 1.5rem !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  width: auto !important;
  max-width: 90vw !important;
  pointer-events: none !important;
}

.md-toast__inner {
  display: block !important;
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: var(--md-text-font) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 0.65rem 1.5rem !important;
  border-radius: 9999px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
  transition: none !important;
}

.md-toast__inner::before,
.md-toast__inner::after {
  display: none !important;
}

.md-toast__inner,
.md-toast__inner *,
.md-toast [class*="md-"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* ═══════════════════════════════════════════════
   HEADER SOURCE
   ═══════════════════════════════════════════════ */
.md-header__source .md-source__icon {
  display: none !important;
}

.md-header__source .md-source__repository {
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  display: inline !important;
  white-space: nowrap;
}