/* ── Level 1: top-level nav items (Home, Alignment Methods, etc.) ── */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__link {
  font-size: 0.8rem;
  font-weight: 700;
  color: #1565c0;        /* bold blue */
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* ── Level 2: section groups (RLHF, Alternate Approaches, etc.) ── */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__list > .md-nav__item > .md-nav__link {
  font-size: 0.75rem;
  font-weight: 600;
  color: #37474f;        /* dark slate */
  padding-left: 1.6rem;
}

/* ── Level 3: individual pages ── */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__list > .md-nav__item > .md-nav__list > .md-nav__item > .md-nav__link {
  font-size: 0.72rem;
  font-weight: 400;
  color: #546e7a;        /* muted blue-grey */
  padding-left: 2.8rem;
}

/* ── Level 4: pages nested one deeper ── */
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__list > .md-nav__item > .md-nav__list > .md-nav__item > .md-nav__list > .md-nav__item > .md-nav__link {
  font-size: 0.70rem;
  font-weight: 400;
  color: #78909c;        /* lighter grey */
  padding-left: 4.0rem;
}

/* ── Active / current page highlight ── */
.md-nav__link--active {
  color: #1565c0 !important;
  font-weight: 600 !important;
}