:root, [data-md-color-scheme="default"], [data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2f7d9a;
  --md-primary-fg-color--light: #4f9bb6;
  --md-primary-fg-color--dark: #22617a;
  --md-accent-fg-color: #2f7d9a;
}
[data-md-color-scheme="slate"] { --md-typeset-a-color: #7cc0d8; }
/* The diagrams are inline SVG drawn in currentColor, so they follow the theme. */
/* Material sizes a figure to its content, which drew these at 300 px wide.
   Each diagram comes twice: wide, drawn at the column's width so its words are
   at their real size, and narrow and vertical for a phone. */
.md-typeset figure.mk-diagram { display: block; width: 100%; box-sizing: border-box; margin: 1.6em 0;
  padding: 1.1em 1.2em; border: 1px solid var(--md-default-fg-color--lightest); border-radius: 10px; }
.md-typeset figure.mk-diagram svg { display: block; width: 100%; height: auto; max-width: 648px; margin: 0 auto; font-family: inherit; }
.md-typeset figure.mk-diagram .mk-narrow { display: none; max-width: 360px; }
@media (max-width: 700px) {
  .md-typeset figure.mk-diagram .mk-wide { display: none; }
  .md-typeset figure.mk-diagram .mk-narrow { display: block; }
}
.md-typeset h1 { color: var(--md-default-fg-color); }
.md-typeset h1 { font-weight: 700; letter-spacing: -.01em; }