/* The header and mobile drawer show the wordmark without repeating the site name. */
.md-header__title {
  visibility: hidden;
}

.md-header__button.md-logo img {
  height: 1.8rem;
  width: auto;
}

.md-nav--primary > .md-nav__title[for="__drawer"] {
  font-size: 0;
}

.md-nav--primary > .md-nav__title[for="__drawer"] .md-logo {
  width: auto;
}

[data-md-color-scheme="slate"] .md-logo img {
  content: url("../assets/scaly-wordmark-dark.svg");
}

/* Sage palette, the same tones as the scales in the logo (internal/notes/logos/generate.py). */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #3f6851;
  --md-primary-fg-color--light: #79a389;
  --md-primary-fg-color--dark: #182a21;
  --md-accent-fg-color: #2f7a55;
  --md-accent-fg-color--transparent: #2f7a551a;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #182a21;
  --md-primary-fg-color--light: #3f6851;
  --md-primary-fg-color--dark: #10201a;
  --md-accent-fg-color: #a9c9b7;
  --md-accent-fg-color--transparent: #a9c9b71a;
  --md-typeset-a-color: #7fa992;
}

/* Benchmark charts keep their drawn size on wide pages and shrink to fit narrow ones. */
.vega-chart {
  margin: 1.5em 0;
  overflow-x: auto;
}

.vega-chart svg {
  max-width: 100%;
  height: auto;
}