/* The active page's integrated table of contents can be much longer than the
   page list. Give it an independent desktop disclosure control. */
.md-nav__page-toc-toggle {
  display: none;
}

.md-nav__toc-back-text {
  display: none;
}

@media screen and (max-width: 76.234375em) {
  .md-nav--primary.md-nav--integrated
    .md-nav--secondary
    > .md-nav__title[for="__toc"]
    .md-nav__toc-back-text {
    color: var(--md-default-fg-color--light);
    display: block;
    font-size: .7rem;
    font-weight: 500;
    left: 2.1rem;
    line-height: 1.2rem;
    position: absolute;
    top: .6rem;
  }

  [dir="rtl"]
    .md-nav--primary.md-nav--integrated
    .md-nav--secondary
    > .md-nav__title[for="__toc"]
    .md-nav__toc-back-text {
    left: auto;
    right: 2.1rem;
  }
}

@media screen and (min-width: 76.25em) {
  .md-nav--primary.md-nav--integrated .md-nav__item--page-toc {
    position: relative;
  }

  .md-nav--primary.md-nav--integrated .md-nav__item--page-toc > a.md-nav__link--active {
    padding-right: 1.8rem;
  }

  .md-nav--primary.md-nav--integrated .md-nav__page-toc-toggle {
    appearance: none;
    align-items: center;
    background: none;
    border: 0;
    border-radius: 100%;
    color: var(--md-default-fg-color--light);
    cursor: pointer;
    display: flex;
    height: 1.5rem;
    justify-content: center;
    margin: 0;
    padding: .3rem;
    position: absolute;
    right: .15rem;
    top: -.15rem;
    width: 1.5rem;
    z-index: 1;
  }

  [dir="rtl"] .md-nav--primary.md-nav--integrated .md-nav__page-toc-toggle {
    left: .15rem;
    right: auto;
  }

  .md-nav--primary.md-nav--integrated .md-nav__page-toc-toggle:hover,
  .md-nav--primary.md-nav--integrated .md-nav__page-toc-toggle:focus-visible {
    background-color: var(--md-accent-fg-color--transparent);
    color: var(--md-accent-fg-color);
    outline: none;
  }

  .md-nav--primary.md-nav--integrated .md-nav__page-toc-toggle .md-nav__icon::after {
    content: "";
    transform: rotate(90deg);
  }

  .md-nav--primary.md-nav--integrated
    .md-nav__item--page-toc-collapsed
    > .md-nav__page-toc-toggle
    .md-nav__icon::after {
    transform: rotate(0);
  }

  .md-nav--primary.md-nav--integrated
    .md-nav__item--page-toc-collapsed
    > .md-nav--secondary {
    display: none;
  }
}