:root {
  --md-primary-fg-color: #2f4858;
  --md-accent-fg-color: #d45113;
}

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

.docs-logo {
  display: block;
  margin: 0 auto 1.5rem;
  max-width: min(100%, 760px);
}

.scrollable-code .highlight,
.scrollable-code pre {
  max-height: 28rem;
  overflow: auto;
}

.screenshot {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
  display: block;
  margin: 1rem auto;
  max-width: 100%;
}

.screenshot-caption {
  color: var(--md-default-fg-color--light);
  font-size: 0.8rem;
  margin-top: -0.5rem;
  text-align: center;
}