html {
  scrollbar-gutter: stable;
}

.md-grid {
  max-width: 1440px;
}

@media screen and (min-width: 76.25em) {
  .md-sidebar--primary {
    position: sticky;
    top: 2.4rem;
    align-self: flex-start;
    width: 16rem;
  }

  .md-sidebar--primary .md-sidebar__scrollwrap {
    padding-right: 0.45rem;
    border-right: 1px solid #e2e8f0;
  }

  html.tad-navigation-restoring .md-sidebar--primary .md-sidebar__scrollwrap {
    visibility: hidden;
    animation: tad-navigation-reveal 0s 1.5s forwards;
  }
}

@keyframes tad-navigation-reveal {
  to {
    visibility: visible;
  }
}

.md-sidebar--primary .md-sidebar__scrollwrap {
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  overflow-anchor: none;
}

.tad-navigation-restoring .md-sidebar--primary .md-nav__toggle ~ .md-nav {
  transition: none !important;
}

.md-nav--primary .md-nav__title {
  font-weight: 700;
}

.md-nav--primary .md-status {
  display: none;
}

.md-nav--primary > .md-nav__list > .md-nav__item--nested {
  margin: 0.4rem 0.15rem;
}

.md-nav--primary > .md-nav__list > .md-nav__item--nested > .md-nav__link {
  margin: 0;
  padding: 0.55rem 0.6rem;
  border: 1px solid #dbeade;
  border-radius: 0.5rem;
  background: #f0fdf4;
  color: #166534;
  font-weight: 700;
}

.md-nav--primary > .md-nav__list > .md-nav__item--nested > .md-nav__link:hover {
  border-color: #86efac;
  background: #dcfce7;
}

.md-nav--primary > .md-nav__list > .md-nav__item--active > .md-nav__link {
  border-color: #86efac;
  background: #dcfce7;
}

.md-nav--primary > .md-nav__list > .md-nav__item--nested > .md-nav > .md-nav__list {
  margin-left: 0.8rem;
  padding-left: 0.45rem;
  border-left: 1px solid #bbf7d0;
}

.md-nav--primary > .md-nav__list > .md-nav__item--nested > .md-nav > .md-nav__list > .md-nav__item {
  padding-left: 0;
}

.md-nav--primary .md-nav__link {
  margin-top: 0.12rem;
  margin-bottom: 0.12rem;
  padding: 0.38rem 0.5rem;
  border-radius: 0.4rem;
  line-height: 1.35;
}

.md-nav--primary .md-nav__link:hover {
  background: rgb(22 101 52 / 7%);
}

.md-nav--primary .md-nav__link--active {
  background: rgb(22 101 52 / 11%);
  color: #166534;
  font-weight: 700;
  box-shadow: inset 0.18rem 0 #16a34a;
}

.md-typeset h1 {
  font-weight: 700;
}

.md-typeset img {
  display: block;
  width: 100%;
  height: auto;
  margin: 1rem auto 1.5rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 0.25rem 1rem rgb(15 23 42 / 8%);
}

.md-typeset a > img {
  cursor: zoom-in;
}

.md-typeset blockquote {
  border-left-color: #2f9e44;
}