:root {
  --md-primary-fg-color: #2563eb;
  --md-accent-fg-color: #0891b2;
  --md-text-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --md-code-font: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #61afef;
  --md-accent-fg-color: #56b6c2;
  --docs-surface: #21252b;
  --docs-border: rgba(255, 255, 255, 0.08);
  --docs-code-inline: rgba(255, 255, 255, 0.07);
  --docs-code-block: #1c2026;
}

[data-md-color-scheme="default"] {
  --docs-surface: #ffffff;
  --docs-border: rgba(15, 23, 42, 0.08);
  --docs-code-inline: rgba(15, 23, 42, 0.06);
  --docs-code-block: #f6f8fb;
}

.md-grid {
  max-width: 1600px;
}

.md-main__inner {
  margin-top: 1.2rem;
}

.md-sidebar__scrollwrap {
  padding-bottom: 1.25rem;
}

.md-nav__title,
.md-nav__item .md-nav__link--active {
  font-weight: 700;
}

.md-content__inner {
  margin: 0 auto;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-weight: 700;
  letter-spacing: 0;
}

[data-md-color-scheme="slate"] .md-typeset h2 {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.md-typeset blockquote {
  border-left: 0.22rem solid #8b949e;
  color: inherit;
  opacity: 0.95;
}

.md-typeset code {
  border-radius: 4px;
  background-color: var(--docs-code-inline);
}

.md-typeset pre {
  border: 1px solid var(--docs-border);
  border-radius: 10px;
  background-color: var(--docs-code-block);
}

.md-typeset pre > code {
  background: transparent;
}

.md-typeset table:not([class]) {
  border: 1px solid var(--docs-border);
  border-radius: 10px;
  overflow: hidden;
}

.md-typeset table:not([class]) th {
  font-weight: 700;
  background: var(--docs-code-inline);
}

.md-main {
  background:
    radial-gradient(circle at top left, rgba(37, 99, 235, 0.06), transparent 28%),
    radial-gradient(circle at top right, rgba(8, 145, 178, 0.05), transparent 22%);
}

.md-header {
  box-shadow: none;
  backdrop-filter: blur(8px);
}

.md-tabs {
  box-shadow: none;
}

.md-header,
.md-tabs,
.md-footer {
  border-bottom: 1px solid var(--docs-border);
}

.md-search__form {
  border-radius: 8px;
}

.density-toggle {
  display: flex;
  align-items: center;
  gap: 0.28rem;
  margin-left: auto;
  padding-left: 0.75rem;
}

.density-toggle__button {
  border: 1px solid var(--docs-border);
  border-radius: 999px;
  background: var(--docs-surface);
  color: inherit;
  font: inherit;
  font-size: 0.68rem;
  line-height: 1;
  padding: 0.36rem 0.58rem;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.density-toggle__button:hover {
  border-color: var(--md-accent-fg-color);
}

.density-toggle__button[data-active="true"] {
  background: var(--md-accent-fg-color);
  border-color: var(--md-accent-fg-color);
  color: white;
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: 8px;
  border: 1px solid var(--docs-border);
  box-shadow: none;
}

.md-typeset .admonition-title,
.md-typeset summary {
  font-weight: 700;
}

.md-typeset .mermaid-rendered {
  border: 1px solid var(--docs-border);
  border-radius: 12px;
  background: var(--docs-surface);
  overflow-x: auto;
}

.md-typeset .mermaid-rendered svg {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

@media screen and (max-width: 44.9844em) {
  .density-toggle {
    padding-left: 0.35rem;
    gap: 0.18rem;
  }

  .density-toggle__button {
    font-size: 0.62rem;
    padding: 0.28rem 0.46rem;
  }
}