/* Card grids: shared surface tint (light/dark via theme variables) */
.md-typeset .grid.cards > ul > li {
  background-color: var(--md-code-bg-color);
}

/* Mark local-only endpoints in docs with a home icon. */
.md-typeset a[href^="http://localhost"],
.md-typeset a[href^="https://localhost"],
.md-typeset a[href^="http://127.0.0.1"],
.md-typeset a[href^="https://127.0.0.1"] {
  font-weight: 500;
}

.md-typeset a[href^="http://localhost"]::before,
.md-typeset a[href^="https://localhost"]::before,
.md-typeset a[href^="http://127.0.0.1"]::before,
.md-typeset a[href^="https://127.0.0.1"]::before {
  content: "";
  display: inline-block;
  width: 0.95em;
  height: 0.95em;
  margin-right: 0.3em;
  vertical-align: -0.12em;
  background-color: currentColor;
  opacity: 0.9;
  -webkit-mask: url("../assets/icons/material-home.svg") no-repeat center / contain;
  mask: url("../assets/icons/material-home.svg") no-repeat center / contain;
}

/* Mark Beancount docs links with a book icon. */
.md-typeset a[href^="https://beancount.github.io/docs"],
.md-typeset a[href^="http://beancount.github.io/docs"] {
  font-weight: 500;
}

.md-typeset a[href^="https://beancount.github.io/docs"]::before,
.md-typeset a[href^="http://beancount.github.io/docs"]::before {
  content: "";
  display: inline-block;
  width: 0.95em;
  height: 0.95em;
  margin-right: 0.3em;
  vertical-align: -0.12em;
  background-color: currentColor;
  opacity: 0.9;
  -webkit-mask: url("../assets/icons/material-book-4.svg") no-repeat center / contain;
  mask: url("../assets/icons/material-book-4.svg") no-repeat center / contain;
}

/* Mark GitHub links with the brand icon. */
.md-typeset a[href^="https://github.com"],
.md-typeset a[href^="http://github.com"],
.md-typeset a[href^="https://www.github.com"],
.md-typeset a[href^="http://www.github.com"] {
  font-weight: 500;
}

.md-typeset a[href^="https://github.com"]::before,
.md-typeset a[href^="http://github.com"]::before,
.md-typeset a[href^="https://www.github.com"]::before,
.md-typeset a[href^="http://www.github.com"]::before {
  content: "";
  display: inline-block;
  width: 0.95em;
  height: 0.95em;
  margin-right: 0.3em;
  vertical-align: -0.12em;
  background-color: currentColor;
  opacity: 0.9;
  -webkit-mask: url("../assets/icons/fontawesome-brands-github.svg") no-repeat center / contain;
  mask: url("../assets/icons/fontawesome-brands-github.svg") no-repeat center / contain;
}

/* Mark internal guide links with a book icon. */
.md-typeset a[href^="/"]:not([href^="//"])::before,
.md-typeset a[href^="./"]::before,
.md-typeset a[href^="../"]::before,
.md-typeset a[href^="https://lazy-beancount.xyz"]::before,
.md-typeset a[href^="http://lazy-beancount.xyz"]::before,
.md-typeset a[href]:not([href^="#"]):not([href^="http://"]):not([href^="https://"]):not([href^="//"]):not([href^="mailto:"]):not([href^="tel:"])::before {
  content: "";
  display: inline-block;
  width: 0.95em;
  height: 0.95em;
  margin-right: 0.3em;
  vertical-align: -0.12em;
  background-color: currentColor;
  opacity: 0.9;
  -webkit-mask: url("../assets/icons/material-book.svg") no-repeat center / contain;
  mask: url("../assets/icons/material-book.svg") no-repeat center / contain;
}

/* Do not show link icons inside code contexts. */
.md-typeset pre a,
.md-typeset code a,
.md-typeset .highlight a {
  font-weight: inherit !important;
}

.md-typeset pre a::before,
.md-typeset code a::before,
.md-typeset .highlight a::before {
  content: none !important;
}
