/* Lesson grid cards: a touch more breathing room and a hover lift. */
.md-typeset .grid.cards > ul > li {
  border-radius: 0.4rem;
  transition: border-color 120ms, box-shadow 120ms, transform 120ms;
}
.md-typeset .grid.cards > ul > li:hover {
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

/* Make the home hero buttons sit together neatly. */
.md-typeset .md-button {
  margin-top: 0.4rem;
}

/* Slightly wider content for the lesson tables. */
.md-grid {
  max-width: 64rem;
}

/* Navigation: clearly indent nested entries so sub-items sit under their parent.
   Material's stepped per-level padding doesn't fire in this tabs+sections layout,
   so we set it explicitly on the link, per nesting depth, for both the left page
   tree (primary) and the right table of contents (secondary). */
.md-nav--primary .md-nav__item .md-nav__item > .md-nav__link {
  padding-left: 1.2rem;
}
.md-nav--primary .md-nav__item .md-nav__item .md-nav__item > .md-nav__link {
  padding-left: 1.9rem;
}
.md-nav--secondary .md-nav__item .md-nav__item > .md-nav__link {
  padding-left: 1rem;
}
.md-nav--secondary .md-nav__item .md-nav__item .md-nav__item > .md-nav__link {
  padding-left: 1.6rem;
}