/* Страница «Таблица уровней»: вид таблицы предметов, но строки плотнее — иконок в них нет, а уровней 150;
   под заголовком — строка о максимальном уровне. */

.levels-table {
  --row-height: var(--row-height-compact);
}

.levels-note {
  max-width: var(--text-width);
  margin-top: var(--space-3);
  color: var(--color-text-muted);
}

/* Кнопки «Уровни героя» и «Опыт за зверей» (автор, 2026-09-27: «кнопку — переключать внутри две таблицы») стоят в ряду
   инструментов рядом со списком класса — отступ снизу, как у ряда типов «Предметов», здесь не нужен. */
.levels-switch {
  margin-bottom: 0;
}

/* Таблица опыта за зверей (класс ставит level-table.js): столбцов девять, и заголовки в одну строку выходили шире
   экрана (1265 точек при 1233 у раздела) — длинные переносятся по словам, столбцы сужаются до чисел. */
.beast-xp .item-table__th,
.beast-xp .item-table__th-label {
  white-space: normal;
}

/* Пояснения столбцов всплывают над шапкой — рамка с прокруткой их обрезала бы; на мониторе таблица влезает. */
.levels-table .item-table__frame {
  overflow: visible;
}

/* Узкое окно и телефон: таблица шире экрана — листается вбок внутри рамки, страница вбок не ездит. */
@media (max-width: 1100px) {
  .levels-table .item-table__frame {
    overflow-x: auto;
  }
}