/* Brand tweaks and the two custom blocks. Keep this file small; the theme does the rest. */

/* A rendered chart and the note shown when the library is unavailable. */
.plotly-chart {
  width: 100%;
  min-height: 320px;
  margin: 1em 0;
}
.plotly-note {
  font-size: 0.8em;
  opacity: 0.8;
  margin-bottom: 0.25em;
}

/* Screenshots: a thin border so a light screen reads against a light page, and a caption below. */
.md-typeset figure.screen {
  margin: 1.5em 0;
}
.md-typeset figure.screen img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 4px;
}
.md-typeset figure.screen figcaption {
  font-size: 0.8em;
  text-align: left;
  margin-top: 0.5em;
}

/* The definition a chart was drawn from, kept reachable below it (its text alternative). */
.md-typeset details.plotly-data {
  margin: -0.5em 0 1em;
  font-size: 0.8em;
}
.md-typeset details.plotly-data > summary {
  cursor: pointer;
}