/* Draft marker in the navigation, for pages with `status: draft`. */
:root {
  --md-status--draft: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75z"/></svg>');
}

.md-status--draft::after {
  -webkit-mask-image: var(--md-status--draft);
  mask-image: var(--md-status--draft);
}

/* A screenshot (PNG) is often white on white: a thin border shows its edge in the light theme, and a phone-sized one stays small. */
.md-typeset img[src$=".png"] {
  border: 1px solid var(--md-default-fg-color--lightest);
  max-width: 280px;
}

/* A note box is a blockquote (`> **Note.** ...`), the one box syntax the site, the PDF and the EPUB all render. */
.md-typeset blockquote {
  border-left: 3px solid var(--md-primary-fg-color);
  background: var(--md-code-bg-color);
  color: var(--md-default-fg-color);
  padding: 0.6em 1em;
  margin: 1em 0;
}

/* Source notes: 66% of the body text and in italic; a link, a quotation (italic in the source) and code stay upright. */
.md-typeset .footnote {
  font-size: 0.66em;
  font-style: italic;
}

.md-typeset .footnote a,
.md-typeset .footnote em,
.md-typeset .footnote code {
  font-style: normal;
}