/* Keep long generated signatures inside the content column. */
.doc-signature pre,
.doc-signature code {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

/* Symbol-type badges (func / class / attr) shouldn't wrap away from the name. */
.doc-symbol {
  white-space: nowrap;
}

/* Parameter tables scroll rather than overflow the page on narrow screens. */
.doc-contents .md-typeset__table {
  display: block;
  overflow-x: auto;
}

/* Palette matching the logo: slate + Princeton orange (light), gray-200 + sky blue (dark). */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #2d3748;
  --md-primary-fg-color--light: #4a5568;
  --md-primary-fg-color--dark: #1a202c;
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
  --md-accent-fg-color: #9a4d00;
  --md-accent-fg-color--transparent: #b35a001a;
  --md-typeset-a-color: #b35a00;
}

[data-md-color-scheme="slate"] {
  --md-hue: 221;
  --md-default-bg-color: #111827;
  --md-primary-fg-color: #e5e7eb;
  --md-primary-fg-color--light: #f3f4f6;
  --md-primary-fg-color--dark: #d1d5db;
  --md-primary-bg-color: #111827;
  --md-primary-bg-color--light: #111827b3;
  --md-accent-fg-color: #38bdf8;
  --md-accent-fg-color--transparent: #38bdf81a;
  --md-typeset-a-color: #00a6f4;
}

/* Header and drawer title: page-colored bar with ink-colored text and icons. */
[data-md-color-scheme="default"] .md-header,
[data-md-color-scheme="default"] .md-nav__title[for="__drawer"],
[data-md-color-scheme="default"] .md-nav__source {
  --md-primary-fg-color: #ffffff;
  --md-primary-fg-color--dark: #f3f4f6;
  --md-primary-bg-color: #2d3748;
  --md-primary-bg-color--light: #2d3748b3;
}

[data-md-color-scheme="slate"] .md-header,
[data-md-color-scheme="slate"] .md-nav__title[for="__drawer"],
[data-md-color-scheme="slate"] .md-nav__source {
  --md-primary-fg-color: #111827;
  --md-primary-fg-color--dark: #1f2937;
  --md-primary-bg-color: #e5e7eb;
  --md-primary-bg-color--light: #e5e7ebb3;
}

/* Show only the active scheme's icon in the header and drawer (the drawer logo overrides Material's
   #only-light / #only-dark rules). */
[data-md-color-scheme="default"] .md-logo img[src$="#only-dark"],
[data-md-color-scheme="slate"] .md-logo img[src$="#only-light"] {
  display: none;
}

/* Light search field on the white header. */
@media screen and (min-width: 60em) {
  [data-md-color-scheme="default"] .md-search__form {
    background-color: #f3f4f6;
  }

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

/* Home page: the lockup is the h1. */
.md-typeset img.fomtools-logo {
  width: min(22rem, 100%);
  height: auto;
}