:root {
  --md-primary-fg-color:        #37474f;
  --md-primary-fg-color--light: #62727b;
  --md-primary-fg-color--dark:  #102027;
  --md-accent-fg-color:         #c75300;
}
[data-md-color-scheme="slate"] {
  --md-accent-fg-color: #ff8f4d;
}

/* Screenshots read as physical artifacts, not page furniture. */
.md-typeset img[src*="screenshots/"] {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,.10), 0 6px 18px rgba(0,0,0,.07);
  display: block;
  margin: 1.4em auto;
}
[data-md-color-scheme="slate"] .md-typeset img[src*="screenshots/"] {
  box-shadow: 0 1px 3px rgba(0,0,0,.35), 0 6px 20px rgba(0,0,0,.30);
}
.md-typeset figure { margin: 1.6em 0; }
.md-typeset figcaption {
  font-size: .78rem;
  color: var(--md-default-fg-color--light);
  text-align: center;
  margin-top: -.6em;
}

/* Role cards on the home page. */
.grid.cards > ul > li {
  border-radius: 8px;
}

/* Keep wide tables scrollable rather than crushing the columns. */
.md-typeset__table { width: 100%; }
.md-typeset table:not([class]) { font-size: .74rem; }
.md-typeset table:not([class]) th { font-weight: 600; }

/* Step lists: give numbered procedures a little more air. */
.md-typeset ol > li { margin-bottom: .5em; }

/* Keyboard keys. */
.md-typeset kbd { font-size: .8em; }