/* Custom admonition tiers: Advanced (blue) and Extension (purple) — see project.md Section 3 */

:root {
  --md-admonition-icon--advanced: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2 2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>');
  --md-admonition-icon--extension: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a1 1 0 0 1 1 1v2.05a5.5 5.5 0 0 1 3.5 2.02l1.8-1.03a1 1 0 1 1 1 1.73l-1.8 1.04a5.47 5.47 0 0 1 0 4.38l1.8 1.04a1 1 0 1 1-1 1.73l-1.8-1.03A5.5 5.5 0 0 1 13 17.95V20a1 1 0 1 1-2 0v-2.05a5.5 5.5 0 0 1-3.5-2.02l-1.8 1.03a1 1 0 1 1-1-1.73l1.8-1.04a5.47 5.47 0 0 1 0-4.38l-1.8-1.04a1 1 0 0 1 1-1.73l1.8 1.03A5.5 5.5 0 0 1 11 5.05V3a1 1 0 0 1 1-1z"/></svg>');
}

.md-typeset .admonition.advanced,
.md-typeset details.advanced {
  border-color: #448aff;
}
.md-typeset .advanced > .admonition-title,
.md-typeset .advanced > summary {
  background-color: rgba(68, 138, 255, 0.1);
  border-color: #448aff;
}
.md-typeset .advanced > .admonition-title::before,
.md-typeset .advanced > summary::before {
  background-color: #448aff;
  -webkit-mask-image: var(--md-admonition-icon--advanced);
  mask-image: var(--md-admonition-icon--advanced);
}

.md-typeset .admonition.extension,
.md-typeset details.extension {
  border-color: #ab47bc;
}
.md-typeset .extension > .admonition-title,
.md-typeset .extension > summary {
  background-color: rgba(171, 71, 188, 0.1);
  border-color: #ab47bc;
}
.md-typeset .extension > .admonition-title::before,
.md-typeset .extension > summary::before {
  background-color: #ab47bc;
  -webkit-mask-image: var(--md-admonition-icon--extension);
  mask-image: var(--md-admonition-icon--extension);
}

/* "Depth study idea" tag used inline next to Extension headings, see Section 3 */
.depth-study-tag {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.1em 0.6em;
  border-radius: 1em;
  background-color: rgba(171, 71, 188, 0.15);
  color: #ab47bc;
  margin-left: 0.5em;
}