/* ================================================================
 * Модуль «Комната знахаря» (znahar) — CSS.
 * Десктоп (>=900px) — 0 правил: точная копия classicbk (все размеры в inline-
 * стилях разметки). Ниже — только мобильная переукладка существующих таблиц
 * (docs/handoff/mobile-adaptation.md, правила 1–2): без новых блоков/подписей,
 * только display/width/отступы. Цели — служебные data-zh-* (в DOM-diff
 * вырезаются как наши data-*).
 * ================================================================ */

@media (max-width: 899px) {
  /* Шапка модуля: заголовок «Комната Знахаря» и колонка навигации (325px)
     встают друг под другом. */
  #main table[data-zh-head],
  #main table[data-zh-head] > tbody,
  #main table[data-zh-head] > tbody > tr {
    display: block;
    width: 100%;
  }
  #main table[data-zh-head] > tbody > tr > td {
    display: block;
    width: auto !important;
    text-align: left;
  }
  #main table[data-zh-head] > tbody > tr > td[data-zh-nav] {
    padding-top: 6px;
  }

  /* Три колонки знахаря (Характеристики / Пристрастия / Прочее) — в стопку. */
  #main table[data-zh-cols],
  #main table[data-zh-cols] > tbody,
  #main table[data-zh-cols] > tbody > tr {
    display: block;
    width: 100%;
  }
  #main table[data-zh-cols] > tbody > tr > td {
    display: block;
    width: auto !important;
  }
  #main table[data-zh-cols] > tbody > tr > td[data-zh-col] + td[data-zh-col] {
    margin-top: 10px;
  }
  /* Второй ряд: подпись колонки + содержимое (две строки таблицы) — без рамок. */
  #main table[data-zh-cols] > tbody > tr:nth-child(2) > td[data-zh-col] {
    padding-left: 2px;
  }

  /* iOS не зумит при фокусе, если кегль поля >= 16px. */
  #main input[data-zh-stat] {
    font-size: 16px;
    height: 24px;
    max-width: 100%;
  }
  /* Кнопки classicbk фиксированной ширины — не должны растягивать страницу. */
  #main .zh_btn {
    max-width: 100%;
  }
  /* Длинное имя пристрастия/иконки — по ширине экрана. */
  #main table[data-zh-cols] img {
    max-width: 100%;
  }
}