.md-typeset .grid.cards.vscodeloop-howto-sections > ul {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
}

@media screen and (min-width: 60em) {
  .md-tabs {
    display: block !important;
  }
}

.md-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

.md-tabs__list {
  flex-wrap: nowrap !important;
}

body {
    font-family: system-ui !important;
}

p a {
    color: gray !important;
    text-underline-position: under;
}

code a {
    color: var(--color-white) !important;
    text-underline-position: under;
}

p a:focus,
p a:hover {
  color: gray !important;
}

code a:focus,
code a:hover {
  color: gray !important;
}

table {
    border-collapse: collapse;
    width: -webkit-fill-available !important;
}

[data-md-color-primary=black] .md-header {
    background-color: black;
}

[data-md-color-scheme=slate] {
    --md-default-bg-color: rgb(20, 20, 20);
    --md-typeset-a-color: #ce1f26 !important;
}

a:hover {
    color: #ce1f26 !important;
}

.md-tabs {
    background-color: black !important;
    padding-top: 10px !important;
    padding-bottom: 25px !important;
}

.md-tabs__link {
    font-size: 0.8rem !important;
}

.md-footer {
    background-color: black !important;
}

.md-footer-meta {
    background-color: black !important;
}

.md-header__inner {
    padding-top: 25px !important;
}