/* Frame the app screenshots: the app and this site are both dark, so a bare
   screenshot would bleed into the page. */
.md-typeset img[src*='assets/img/'] {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgb(0 0 0 / 35%);
  display: block;
  margin: 1.2em auto 0.4em;
  max-width: 100%;
  cursor: zoom-in;
}

.md-typeset a.glightbox {
  border-bottom: none;
  display: block;
}

.glightbox-container {
  z-index: 10000;
}

/* The phone screenshots are tall: keep them narrow. */
.md-typeset img[src$='-phone.png'] {
  max-width: 320px;
}