:root {
  --tradingchassis-ops-lab-radius: 0.7rem;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #f6f8fa;
  --md-default-fg-color: #1f2937;
  --md-primary-bg-color: #1f2937;
  --md-primary-fg-color: #0f766e;
  --md-accent-fg-color: #0f766e;
  --md-code-bg-color: #eef2f7;
  --md-footer-bg-color: #eef2f5;
  --md-footer-bg-color--dark: #e7edf3;
  --md-footer-fg-color: #1f2937;
  --md-footer-fg-color--light: #4b5563;
  --md-footer-fg-color--lighter: #6b7280;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0f141b;
  --md-default-fg-color: #d1d5db;
  --md-primary-bg-color: #d1d5db;
  --md-primary-fg-color: #14b8a6;
  --md-accent-fg-color: #14b8a6;
  --md-code-bg-color: #18212c;
  --md-footer-bg-color: #111926;
  --md-footer-bg-color--dark: #0f1623;
  --md-footer-fg-color: #d1d5db;
  --md-footer-fg-color--light: #9ca3af;
  --md-footer-fg-color--lighter: #6b7280;
}

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

.md-content__inner {
  max-width: 72rem;
}

.md-typeset {
  font-size: 0.8rem;
  line-height: 1.55;
}

.md-typeset h1 {
  margin-bottom: 0.9rem;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.md-typeset h2 {
  margin-top: 1.8rem;
  margin-bottom: 0.8rem;
  font-weight: 650;
}

.md-typeset pre > code {
  border-radius: var(--tradingchassis-ops-lab-radius);
}

.md-typeset .admonition,
.md-typeset details {
  border-radius: var(--tradingchassis-ops-lab-radius);
}

.md-header {
  box-shadow: none;
  border-bottom: 1px solid var(--md-default-fg-color--lightest);
}

[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-tabs {
  background: #ffffff;
  color: var(--md-default-fg-color);
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-tabs {
  background: #111926;
  color: var(--md-default-fg-color);
}

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

.md-header__button,
.md-header__title,
.md-search__form,
.md-search__input,
.md-search__icon {
  color: inherit;
}

[data-md-color-scheme="default"] .md-header .md-search__form {
  background-color: #f1f5f9;
  border: 1px solid #dbe3ec;
}

[data-md-color-scheme="default"] .md-header .md-search__input {
  color: #1f2937;
}

[data-md-color-scheme="default"] .md-header .md-search__input::placeholder {
  color: #6b7280;
}

[data-md-color-scheme="default"] .md-header .md-search__icon {
  color: #4b5563;
}

[data-md-color-scheme="default"] .md-header .md-search__form:hover {
  background-color: #eef2f7;
}

[data-md-color-scheme="default"] .md-header .md-search__input:focus + .md-search__icon,
[data-md-color-scheme="default"] .md-header .md-search__form:focus-within .md-search__icon {
  color: var(--md-primary-fg-color);
}

[data-md-color-scheme="default"] .md-header .md-search__input:focus,
[data-md-color-scheme="default"] .md-header .md-search__input:focus-visible {
  outline: none;
}

[data-md-color-scheme="default"] .md-header .md-search__form:focus-within {
  border-color: var(--md-primary-fg-color);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--md-primary-fg-color) 16%, transparent);
}

[data-md-color-scheme="slate"] .md-header .md-search__form {
  border: 1px solid #2a3544;
}

.md-footer-meta .md-footer-generator {
  display: none;
}

.ops-hero {
  padding: 1.25rem 1.35rem;
  margin: 0 0 1.5rem;
  border-radius: var(--tradingchassis-ops-lab-radius);
  border: 1px solid var(--md-default-fg-color--lightest);
  background: color-mix(in srgb, var(--md-default-bg-color) 88%, var(--md-primary-fg-color) 12%);
}

[data-md-color-scheme="slate"] .ops-hero {
  background: color-mix(in srgb, var(--md-default-bg-color) 88%, var(--md-primary-fg-color) 8%);
}

.ops-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  gap: 0.8rem;
  margin-top: 0.8rem;
}

.ops-card {
  display: block;
  padding: 0.8rem 0.9rem;
  border-radius: var(--tradingchassis-ops-lab-radius);
  border: 1px solid var(--md-default-fg-color--lightest);
  background: color-mix(in srgb, var(--md-default-bg-color) 94%, var(--md-primary-fg-color) 6%);
  color: inherit;
  text-decoration: none;
}

.ops-card:hover {
  border-color: var(--md-primary-fg-color);
  text-decoration: none;
}

.ops-card strong {
  display: block;
  margin-bottom: 0.25rem;
}