/** admonition titles not bolded by default */
.md-typeset summary { font-weight: normal; }
/** TOC on the left */
.md-sidebar--secondary { order: 0; }
/** Main grid slightly narrower */
.md-grid { max-width: 1200px;  }
/** Leave some space when jumping to anchors */
.md-typeset :target { --md-scroll-margin:8rem; }

:root {
    --md-admonition-icon--wasm: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.745 0v.129a2.752 2.752 0 1 1-5.504 0V0H0v24h24V0zm-3.291 21.431-1.169-5.783h-.02l-1.264 5.783H7.39l-1.824-8.497h1.59l1.088 5.783h.02l1.311-5.783h1.487l1.177 5.854h.02l1.242-5.854h1.561l-2.027 8.497zm8.755 0-.542-1.891h-2.861l-.417 1.891h-1.59l2.056-8.497h2.509l2.5 8.497zm-2.397-6.403-.694 3.118h2.159l-.796-3.118z"/></svg>');
    --md-admonition-icon--radar: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 7.5c.69 0 1.27.23 1.76.7s.74 1.07.74 1.8q0 1.575-1.5 2.28V21h-2v-8.72Q9.5 11.575 9.5 10c0-.73.26-1.33.74-1.8s1.07-.7 1.76-.7m4.69-2.2c1.25 1.25 1.92 2.81 2.01 4.7 0 1.8-.67 3.38-2.01 4.72L15.5 13.5c1-.91 1.5-2.08 1.5-3.5 0-1.33-.5-2.5-1.5-3.5zM6.09 4.08C4.5 5.67 3.7 7.64 3.7 10s.8 4.3 2.39 5.89l-1.17 1.22C3 15.08 2 12.7 2 10s1-5.06 2.92-7.09zm12.99-1.17C21 4.94 22 7.3 22 10c0 2.8-1 5.17-2.92 7.11l-1.17-1.22C19.5 14.3 20.3 12.33 20.3 10s-.8-4.33-2.39-5.92zM7.31 5.3 8.5 6.5C7.5 7.42 7 8.58 7 10c0 1.33.5 2.5 1.5 3.5l-1.19 1.22C5.97 13.38 5.3 11.8 5.3 10s.67-3.36 2.01-4.7"/></svg>');
}

.md-typeset .admonition.wasm, .md-typeset details.wasm {
  border-color: rgb(101, 79, 240);
}
.md-typeset .wasm > .admonition-title, .md-typeset .wasm > summary {
  background-color: rgba(101, 79, 240, 0.1);
  border-color: rgb(101, 79, 240);
}
.md-typeset .wasm > .admonition-title::before, .md-typeset .wasm > summary::before {
  background-color: rgb(101, 79, 240);
  -webkit-mask-image: var(--md-admonition-icon--wasm);
          mask-image: var(--md-admonition-icon--wasm);
}


.md-typeset .admonition.radar, .md-typeset details.radar {
  border-color: rgb(70, 183, 23);
}
.md-typeset .radar > .admonition-title, .md-typeset .radar > summary {
  background-color: rgba(70, 183, 23, 0.1);
  border-color: rgb(70, 183, 23);
}
.md-typeset .radar > .admonition-title::before, .md-typeset .radar > summary::before {
  background-color: rgb(70, 183, 23);
  -webkit-mask-image: var(--md-admonition-icon--radar);
          mask-image: var(--md-admonition-icon--radar);
}


.md-typeset .admonition.misc, .md-typeset details.misc {
  border-color: rgb(100, 100, 100);
}
.md-typeset .misc > .admonition-title, .md-typeset .misc > summary {
  background-color: rgba(100, 100, 100, 0.1);
  border-color: rgb(100, 100, 100);
}
.md-typeset .misc > .admonition-title::before, .md-typeset .misc > summary::before {
  background-color: rgb(100, 100, 100);
  -webkit-mask-image: var(--md-admonition-icon--abstract);
          mask-image: var(--md-admonition-icon--abstract);
}

/** photos */
.x32 > span, .x23 > span, .x11 > span, .x21 > span, .x31 > span {
    border: 2px solid white;
    position: absolute;
    bottom: 10px; left: 10px;
}
.x32 > span { width: 18px; height: 12px }
.x23 > span { width: 12px; height: 18px }
.x11 > span { width: 12px; height:  12px }
.x21 > span { width: 24px; height: 12px }
.x31 > span { width: 36px; height: 12px }

/** highlights */
.grid-item { width: 200px; }
.grid-item--width2 { width: 400px;}