/* Модуль «Умения» (skills) — стили 1:1 из classicbk.
 *
 * Все классы интерфейса (skills_menu1, skills_menu1_sel, skills_pm_no, sstkv,
 * osob1lsv, osttlvk, lngsklww1, table-bk-style1, hotkeys_block/hotkey/hotkey_btn/
 * hotkey_btn_active, pui-field3/pui-btn1/pui-chk/pui-inp, cp, ch-w) определены в
 * глобальных classicbk-файлах (buttons.css, project-ui.css) — здесь ничего не
 * дублируется, как и в classicbk (своего css модуль не имеет).
 *
 * Ниже — только мобильная адаптация под нашу оболочку (430px): трёхколоночная
 * таблица модуля (колонка характеристик min-width:460px + строка вкладок
 * 5–6 × 130px) шире экрана. На узких экранах колонки складываются в столбик,
 * вкладки переносятся — страница не скроллится по горизонтали.
 */

@media (max-width: 899px) {
  html:not(.mpg-force-desktop) #main > table[width="100%"] > tbody > tr:nth-child(1) > td,
  html:not(.mpg-force-desktop) #main > table[width="100%"] > tbody > tr:nth-child(2) > td {
    display: block;
    min-width: 0 !important;
    width: auto !important;
  }
  /* разделительные колонки (width="1") */
  html:not(.mpg-force-desktop) #main > table[width="100%"] > tbody > tr > td:nth-child(2) {
    display: none;
  }
  /* строка вкладок: перенос вместо одной длинной строки */
  html:not(.mpg-force-desktop) #main td[data-sk-menu] {
    display: inline-block;
    width: auto !important;
    padding: 0.2rem 0.6rem !important;
    border-radius: 2px;
    margin: 1px;
  }
  html:not(.mpg-force-desktop) #main td[data-sk-menu] + td[data-sk-menu] {
    margin-left: 1px;
  }
}