/* Site-wide reading and navigation refinements. */
:root {
  --md-primary-fg-color: #4f46e5;
  --md-primary-fg-color--light: #7c73f1;
  --md-primary-fg-color--dark: #3730a3;
}

[data-md-color-scheme="default"] {
  --md-default-bg-color: #fafaff;
  --md-code-bg-color: #f1f1fb;
  --md-typeset-color: #26263a;
}

[data-md-color-scheme="slate"] {
  --md-default-bg-color: #171725;
  --md-code-bg-color: #232338;
}

.md-header {
  background: linear-gradient(105deg, #312e81, #4f46e5 55%, #7c3aed);
  box-shadow: 0 4px 18px rgb(49 46 129 / 18%);
}

.md-tabs {
  background-color: #312e81;
}

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

.md-content__inner {
  margin-bottom: 3rem;
}

.md-typeset {
  font-size: 0.78rem;
  line-height: 1.8;
}

.md-typeset h1 {
  font-weight: 750;
  letter-spacing: -0.035em;
  margin-bottom: 1rem;
}

.md-typeset h2 {
  border-bottom: 1px solid var(--md-default-fg-color--lighter);
  font-weight: 700;
  margin-top: 2.6em;
  padding-bottom: 0.35em;
}

.md-typeset a {
  font-weight: 550;
  text-decoration: none;
}

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

.md-typeset code {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.25rem;
  padding: 0.08em 0.3em;
}

.md-typeset pre > code {
  border: 0;
  border-radius: 0.5rem;
}

.md-typeset blockquote {
  border-left-color: var(--md-primary-fg-color);
}

.md-nav__link--active,
.md-nav__link:focus,
.md-nav__link:hover {
  color: var(--md-primary-fg-color);
}

@media screen and (min-width: 76.25em) {
  .md-grid {
    max-width: 74rem;
  }
}