/* Material lines a section's pages up with the heading (negative margin),
   so groups and pages read as one flat list. The groups in this sidebar are
   the sections under the active tab. Style those headings as labels and
   indent their pages beneath a rail. */

.md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav > .md-nav__list > .md-nav__item--section > .md-nav__link[for] {
  margin: 0.7rem 0.35rem 0.2rem 0;
  padding: 0.32rem 0.55rem;
  font-size: 0.64rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--md-primary-fg-color);
  background-color: color-mix(in srgb, var(--md-primary-fg-color) 14%, transparent);
  border-radius: 0.25rem;
}

[dir="ltr"] .md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav > .md-nav__list > .md-nav__item--section > .md-nav {
  margin-left: 0.55rem;
  padding: 0.05rem 0 0.35rem 0.75rem;
  border-left: 2px solid color-mix(in srgb, var(--md-primary-fg-color) 55%, transparent);
}

[dir="rtl"] .md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav > .md-nav__list > .md-nav__item--section > .md-nav {
  margin-right: 0.55rem;
  padding: 0.05rem 0.75rem 0.35rem 0;
  border-right: 2px solid color-mix(in srgb, var(--md-primary-fg-color) 55%, transparent);
}

.md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav > .md-nav__list > .md-nav__item--section > .md-nav > .md-nav__list > .md-nav__item > .md-nav__link:not(.md-nav__link--active) {
  font-size: 0.72rem;
  font-weight: 450;
  letter-spacing: normal;
  text-transform: none;
  background: none;
  color: var(--md-default-fg-color);
}

.md-sidebar--primary .md-nav--primary > .md-nav__list > .md-nav__item--section > .md-nav > .md-nav__list > .md-nav__item--section > .md-nav > .md-nav__list > .md-nav__item > .md-nav__link.md-nav__link--active {
  font-size: 0.72rem;
  font-weight: 650;
  color: var(--md-typeset-a-color);
}

[dir="ltr"] .md-sidebar--primary .md-nav__item--section .md-nav__item--nested:not(.md-nav__item--section) > .md-nav {
  margin-left: 0.2rem;
  padding-left: 0.65rem;
  border-left: 2px solid color-mix(in srgb, var(--md-default-fg-color) 28%, transparent);
}

[dir="rtl"] .md-sidebar--primary .md-nav__item--section .md-nav__item--nested:not(.md-nav__item--section) > .md-nav {
  margin-right: 0.2rem;
  padding-right: 0.65rem;
  border-right: 2px solid color-mix(in srgb, var(--md-default-fg-color) 28%, transparent);
}