/* Palette corresponding to docs/dipl/highlight/pygments/style_lexer.py. */
.highlight .-DIP-Keyword { color: #757575; }
.highlight .-DIP-Metadata { color: #00838f; }
.highlight .-DIP-Name { color: #616161; font-weight: bold; }
.highlight .-DIP-Type { color: #616161; }
.highlight .-DIP-Dimension { color: #9e9e9e; }
.highlight .-DIP-String { color: #558b2f; }
.highlight .-DIP-Number { color: #b71c1c; }
.highlight .-DIP-Boolean { color: #0d47a1; font-weight: bold; }
.highlight .-DIP-Reference { color: #e64a19; }
.highlight .-DIP-Slice { color: #ff8a65; }
.highlight .-DIP-Expression { color: #8d6e63; }
.highlight .-DIP-Unit { color: #607d8b; }
.highlight .-DIP-Comment { color: #fb8c00; font-style: italic; }

/* Keep the transparent wordmark legible within the RTD sidebar header. */
.wy-side-nav-search .logo {
  width: 100%;
  max-width: 238px;
  height: auto;
  margin: 0.45rem auto 0.2rem;
}

/* Pair the viewer screenshots without squeezing them on narrow screens. */
.viewer-figures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: start;
}

.viewer-figures > figure,
.viewer-figures > .figure {
  width: 100%;
  margin: 0;
}

.viewer-figures img {
  width: 100%;
  height: auto;
}

@media (max-width: 700px) {
  .viewer-figures {
    grid-template-columns: 1fr;
  }
}