/* Custom admonitions: screenshot placeholders and chapter TODOs. */
:root {
  --md-admonition-icon--screenshot: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 19H5V5h14m0-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-5.04 9.29-2.75 3.54-1.96-2.36L6.5 17h11z"/></svg>');
  --md-admonition-icon--todo: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 3H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-9 14-5-5 1.41-1.42L10 14.17l7.59-7.59L19 8z"/></svg>');
}
.md-typeset .admonition.screenshot,
.md-typeset details.screenshot { border-color: #7e57c2; }
.md-typeset .screenshot > .admonition-title,
.md-typeset .screenshot > summary { background-color: rgba(126, 87, 194, .1); }
.md-typeset .screenshot > .admonition-title::before,
.md-typeset .screenshot > summary::before {
  background-color: #7e57c2;
  -webkit-mask-image: var(--md-admonition-icon--screenshot);
          mask-image: var(--md-admonition-icon--screenshot);
}
.md-typeset .admonition.todo,
.md-typeset details.todo { border-color: #ef6c00; }
.md-typeset .todo > .admonition-title,
.md-typeset .todo > summary { background-color: rgba(239, 108, 0, .1); }
.md-typeset .todo > .admonition-title::before,
.md-typeset .todo > summary::before {
  background-color: #ef6c00;
  -webkit-mask-image: var(--md-admonition-icon--todo);
          mask-image: var(--md-admonition-icon--todo);
}
/* Keep wide reference tables readable. */
.md-typeset table:not([class]) { font-size: .72rem; }
.md-typeset table:not([class]) td:first-child code { white-space: nowrap; }

/* Sidebar hierarchy: Material flattens pages under section labels (navigation.sections sets a
   negative margin). Indent them behind a guide line and set the labels apart, desktop sidebar only. */
@media screen and (min-width: 76.25em) {
  [dir=ltr] .md-nav--primary .md-nav__item--section .md-nav__item--section > .md-nav {
    margin-left: .2rem;
    padding-left: .5rem;
    border-left: .05rem solid var(--md-default-fg-color--lightest);
  }
  .md-nav--primary .md-nav__item--section .md-nav__item--section > .md-nav__link {
    margin-bottom: .25em;
    font-size: .62rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--md-default-fg-color--light);
  }
}