/* Где человек на сайте. В шапке учебника: «← 6 класс  История: Средние
   века  Россия» — назад к предметам класса и второй учебник того же
   предмета. На странице класса: «← Все классы».
   Написано красной ручкой, как подпись на обложке тетради */

.class-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 8px;
  font-family: var(--font-hand);
  font-size: 19px;
  line-height: 1.1;
  color: var(--pen-red);
}

.class-nav__link {
  /* Высота под палец: строка ссылки ниже 24px, а промахнуться мимо ссылки
     на телефоне значит открыть не тот учебник. Отрицательный отступ съедает
     эту добавку обратно: иначе шапка вырастает и отбирает высоту у карты */
  margin: -6px 0;
  padding: 6px 2px;
  color: var(--ink-soft);
  text-decoration: underline;
  text-decoration-color: var(--rule);
  text-underline-offset: 3px;
}

.class-nav__link:hover {
  color: var(--ink);
  text-decoration-color: var(--ink);
}

.class-nav__link:focus-visible {
  outline: 2px solid var(--ink);
  outline-offset: 1px;
  border-radius: 2px;
}

/* Учебник, который открыт сейчас: тем же красным, что и слово «История»,
   и без подчёркивания — нажимать на него незачем */
.class-nav__link--current {
  color: var(--pen-red);
  text-decoration: none;
}