/* A quieter header on every page: the page's own background, with a line under it. */

[data-md-color-scheme="slate"][data-md-color-primary="black"] {
  --md-primary-fg-color: var(--md-default-bg-color);
  --md-primary-bg-color: var(--md-default-fg-color);
}

.md-header,
.md-header--shadow {
  box-shadow: none;
}

.md-header:not(:has(+ .md-container .md-tabs)),
.md-tabs {
  border-bottom: 0.05rem solid var(--md-default-fg-color--lightest);
}

.md-tabs__link {
  font-size: 0.7rem;
}

.md-tabs__item--active .md-tabs__link {
  font-weight: 500;
}

/* The stars and forks counts next to the repository's name. */
.md-source__facts {
  display: none;
}

/* Smaller Sync and Async tabs, so the code reads first. */
.md-typeset .tabbed-labels > label {
  font-size: 0.65rem;
  padding: 0.6em 1em 0.4em;
}

/* Inline code: a lighter tint in prose, and none in headings and links, where it's only a name. */
.md-typeset code {
  background-color: var(--md-code-bg-color);
  border-radius: 0.15rem;
  font-size: 0.82em;
  padding: 0 0.25em;
}

.md-typeset :is(h1, h2, h3, h4, h5, h6) code,
.md-typeset a code {
  background: none;
  color: inherit;
  padding: 0;
}

.md-typeset a code {
  color: var(--md-typeset-a-color);
}

:root {
  --md-code-bg-color: #f4f5f9;
}

[data-md-color-scheme="slate"] {
  --md-code-bg-color: #23252f;
}

/* The release-candidate notice. */
.md-banner {
  background: var(--md-default-fg-color--lightest);
  color: var(--md-default-fg-color);
  font-size: 0.65rem;
}

/* Diagrams sit in the reading column, centered. */
.md-typeset .mermaid {
  margin: 1.5em 0;
  text-align: center;
}

/* The home page's opening line. */
.md-typeset .hero-lede {
  color: var(--md-default-fg-color--light);
  font-size: 1.05rem;
  line-height: 1.5;
  max-width: 34rem;
}