/* Мобильные правки 23.08: страница не скроллится вбок, широкие таблицы скроллятся внутри себя, шапка влезает в 360–400px.
   Подключён последним во всех шаблонах (после инлайн-стилей), поэтому перебивает их при равной специфичности. */
html{overflow-x:clip}
@supports not (overflow:clip){html{overflow-x:hidden}}
img,svg,video,iframe{max-width:100%}
.art{overflow-wrap:anywhere}
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:0 0 18px}
.tw table{width:100%;margin:0}
.tw table:has(tr > :nth-child(4)) th,.tw table:has(tr > :nth-child(4)) td{white-space:nowrap}
@media(max-width:560px){
  .hrow{gap:8px}
  .hnav{gap:8px}
  .logo{font-size:1rem;gap:6px}
  .lmark{width:28px;height:28px}
  .lsw a{padding:5px 8px;font-size:.8rem}
  .hcta{padding:7px 10px;font-size:.8rem;white-space:nowrap;box-shadow:none}
}
@media(max-width:480px){
  /* 320–480px: бренд-надпись сохраняем (узнаваемость), всё ужимаем пропорционально — влезает в 320px.
     Порог поднят с 400 до 480 (31.08): замер playwright показал переполнение +3px ровно на 436px —
     кнопка бургера из nav.php (40px) не помещалась в «средний» режим 560px. Дыра была 401–470px. */
  .hrow{gap:6px}
  .hnav{gap:6px}
  .logo{font-size:.84rem;gap:4px}
  .lmark{width:24px;height:24px}
  .lsw{padding:2px}
  .lsw a{padding:4px 5px;font-size:.72rem}
  .hcta{padding:6px 8px;font-size:.72rem}
  .hnav .navblog{font-size:.85rem}
  .lang button{padding:5px 8px;font-size:.78rem}
}

/* числовые поля: прячем браузерные спиннеры (не в стиле сайта; ввод с клавиатуры остаётся) */
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}