:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #faf7f2;
  --md-primary-fg-color--light: #faf7f2;
  --md-primary-fg-color--dark: #faf7f2;
  --md-primary-bg-color: #262626;
  --md-primary-bg-color--light: rgb(38 38 38 / 70%);
  --md-accent-fg-color: #6a4cff;
  --md-accent-fg-color--transparent: rgb(106 76 255 / 12%);
  --md-accent-bg-color: #faf7f2;
  --md-accent-bg-color--light: rgb(250 247 242 / 70%);
  --md-default-fg-color: #262626;
  --md-default-fg-color--light: rgb(38 38 38 / 70%);
  --md-default-fg-color--lighter: rgb(38 38 38 / 45%);
  --md-default-fg-color--lightest: rgb(38 38 38 / 12%);
  --md-default-bg-color: #faf7f2;
  --md-default-bg-color--light: rgb(250 247 242 / 70%);
  --md-default-bg-color--lighter: rgb(250 247 242 / 30%);
  --md-default-bg-color--lightest: rgb(250 247 242 / 12%);
  --md-typeset-a-color: #6a4cff;
  --md-code-fg-color: #262626;
  --md-code-bg-color: rgb(38 38 38 / 6%);
  --md-code-bg-color--light: rgb(38 38 38 / 4%);
  --md-warning-fg-color: #262626;
  --md-warning-bg-color: #ff8c42;
  --md-footer-fg-color: #faf7f2;
  --md-footer-fg-color--light: rgb(250 247 242 / 75%);
  --md-footer-fg-color--lighter: rgb(250 247 242 / 50%);
  --md-footer-bg-color: #262626;
  --md-footer-bg-color--dark: #262626;
  --pf-text: #262626;
  --pf-text-secondary: rgb(38 38 38 / 70%);
  --pf-text-muted: rgb(38 38 38 / 55%);
  --pf-background: #faf7f2;
  --pf-border: rgb(38 38 38 / 18%);
  --pf-border-focus: #6a4cff;
  --pf-hover: rgb(106 76 255 / 8%);
  --pf-mark: #ff8c42;
  --pf-outline-focus: #6a4cff;
  --pf-error-bg: rgb(215 38 61 / 10%);
  --pf-error-border: #d7263d;
  --pf-error-text: #d7263d;
}

.md-header {
  color: #262626;
  background: #faf7f2;
  border-bottom: .15rem solid #d7263d;
}

.md-header__button.md-logo img {
  width: auto;
  height: 1.65rem;
}

.md-header__button.md-logo:is(:focus, :hover) {
  opacity: .8;
}

.md-header pagefind-modal-trigger {
  display: block;
  min-width: 8rem;
  margin-left: .4rem;
}

@media screen and (max-width: 44.984375em) {
  .md-header pagefind-modal-trigger {
    min-width: 2.4rem;
  }
}

.md-typeset a:is(:focus, :hover),
.md-nav__link:is(:focus, :hover),
.md-nav__link--active {
  color: #6a4cff;
}

.page-meta { margin: 0 0 1.2rem; padding: .7rem .9rem; border-left: .2rem solid #d7263d; background: var(--md-code-bg-color); font-size: .72rem; }
.breadcrumbs { margin-bottom: .25rem; opacity: .8; }
.omitted-image { margin: 1rem 0; padding: .8rem 1rem; border: 1px dashed var(--md-default-fg-color--lighter); border-radius: .2rem; color: var(--md-default-fg-color--light); }
.nav-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: .8rem; margin: 1rem 0 1.5rem; }
.md-typeset .nav-card__item { display: flex; min-height: 7rem; flex-direction: column; gap: .45rem; padding: 1rem; border: 1px solid var(--md-default-fg-color--lightest); border-top: .16rem solid #d7263d; border-radius: .3rem; color: var(--md-default-fg-color); background: var(--md-default-bg-color); box-shadow: 0 .1rem .25rem rgb(38 38 38 / 6%); transition: border-color 125ms, box-shadow 125ms, transform 125ms; }
.md-typeset .nav-card__item:is(:focus, :hover) { border-color: #d7263d; color: var(--md-default-fg-color); box-shadow: 0 .2rem .55rem rgb(38 38 38 / 14%); transform: translateY(-.08rem); }
.md-typeset .nav-card__item:focus-visible { outline: .15rem solid #6a4cff; outline-offset: .12rem; }
.nav-card__title { color: #6a4cff; font-size: .9rem; line-height: 1.3; }
.nav-card__description { color: var(--md-default-fg-color--light); font-size: .75rem; line-height: 1.45; }
.site-disclaimer { font-size: .65rem; max-width: 60rem; margin: .7rem auto; padding: 0 .8rem; opacity: .8; }
.site-disclaimer p { margin: .35rem 0; }
.site-disclaimer a { color: inherit; text-decoration: underline; text-underline-offset: .12em; }
.site-disclaimer a:is(:focus, :hover) { color: #faf7f2; opacity: 1; }
.family-selector { max-width: 10rem; margin-left: .6rem; padding: .25rem; border: 1px solid rgb(38 38 38 / 45%); border-radius: .15rem; color: #262626; background: #faf7f2; }
.family-selector:focus-visible { border-color: #6a4cff; outline: .15rem solid #6a4cff; outline-offset: .1rem; }
.md-content, .md-typeset { min-width: 0; }
.md-typeset table { display: block; max-width: 100%; overflow-x: auto; }
.md-typeset pre { max-width: 100%; overflow-x: auto; }
.md-typeset :not(pre) > code, .md-typeset a { overflow-wrap: anywhere; }
@media screen and (max-width: 44.984375em) {
  .md-typeset li > :is(ul, ol) { margin-left: 0; padding-left: .35rem; }
  .md-typeset li > :is(ul, ol) > li { margin-left: 0; }
}