/* The example figure is a matplotlib PNG with an opaque white canvas. Give it a
   white plate with padding so it sits deliberately on the page rather than
   floating as a bright rectangle, in either colour scheme. */
.md-typeset img.figure {
  display: block;
  width: 100%;
  background: #fff;
  padding: 0.8rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 0 1px var(--md-default-fg-color--lightest);
}

.md-typeset figure > figcaption {
  max-width: 44rem;
  margin: 0.6rem auto 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--md-default-fg-color--light);
  text-align: left;
}

/* Hide the top header bar on desktop, where the left sidebar already carries
   the navigation. Below Material's 76.25em breakpoint the sidebar collapses
   into a drawer, so the header must stay: it holds the hamburger that opens
   it, plus the colour-scheme toggle. */
@media screen and (min-width: 76.25em) {
  .md-header {
    display: none;
  }

  /* .md-sidebar sticks to top: 2.4rem to clear the header. With no header,
     reclaim that space and pad to match the content's own top margin. */
  .md-sidebar {
    top: 0;
    padding-top: 1.5rem;
  }
}