/* Custom admonition: github-actions
   References the Octicons "workflow-24" icon directly from the primer/octicons
   repository via its raw GitHub URL.                                         */

:root {
  --md-admonition-icon--github-actions: url('https://raw.githubusercontent.com/primer/octicons/main/icons/workflow-24.svg');
}

.md-typeset .admonition.github-actions,
.md-typeset details.github-actions {
  border-color: rgb(45, 86, 78);
}

.md-typeset .github-actions > .admonition-title,
.md-typeset .github-actions > summary {
  background-color: rgba(45, 86, 78, .1);
}

.md-typeset .github-actions > .admonition-title::before,
.md-typeset .github-actions > summary::before {
  background-color: rgb(45, 86, 78);
  -webkit-mask-image: var(--md-admonition-icon--github-actions);
          mask-image: var(--md-admonition-icon--github-actions);
}

/* About page avatar */
.md-typeset img[alt="Ryan Johnson"] {
  border-radius: 50%;
  border: 2px solid var(--md-default-fg-color--lighter);
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}

.md-typeset h1 {
  margin-bottom: .2em;
}

.md-typeset h1 + h2 {
  margin-top: 0;
}