/* Мобильная раскладка (телефоны, узкие планшеты): цели касания от 44 px, поля ввода 16 px (iOS не масштабирует страницу при фокусе),
   текст не мельче 14 px, кроме подписей-плашек и счётчиков. Размеры шрифта только из токенов (tokens.css). Подключается последним. */
:root{--tap:44px}
@media (max-width:899px){
  html{-webkit-text-size-adjust:100%}
  button,select,input,textarea,summary,a.btn,.chip{touch-action:manipulation}
  .pair{grid-template-columns:1fr}
  /* цели касания */
  button,.btn,select,summary,.chip,.linkbtn,.band-link,a.who,a.back,.back,.lang-btn,.tab,[role=tab],.it{min-height:var(--tap) !important}
  .lang-btn{min-width:var(--tap)}
  .linkbtn,.band-link,a.who{display:inline-flex;align-items:center;min-height:var(--tap) !important;min-width:var(--tap);padding-top:0;padding-bottom:0}
  button{min-width:var(--tap)}
  .band a{display:inline-flex;align-items:center;min-height:var(--tap) !important}
  input:not([type=radio]):not([type=checkbox]),select,textarea{min-height:var(--tap) !important;font-size:var(--fs-4) !important}
  input[type=range]{min-height:var(--tap)}
  select.compact{min-height:var(--tap) !important;font-size:var(--fs-4) !important}
  input[type=radio],input[type=checkbox]{width:var(--sp-5);height:var(--sp-5)}
  label:has(>input[type=radio]),label:has(>input[type=checkbox]){min-height:var(--tap);display:flex;align-items:center;gap:var(--sp-2)}
  summary{display:flex;align-items:center}
  button.x14,button.x28,button.chip,.chip{padding-left:var(--sp-4);padding-right:var(--sp-4)}
  /* текст не мельче 14 px */
  td,th,label,.hint,.k,.imp-note,.lock,.sub,.t,.note,small,em,i,.tg-cap,.fine,.co,footer,.cn,.r,.b,.band-link,.who,.lang-btn,.linkbtn,button,.chip,output,#userBar,.empty,.cap,span.t,div.k,small.pct,#h-sub,.hint span,.sec span:not(.pill):not(.n):not(.badge),.lock span{font-size:var(--fs-3) !important}
  .pill,.n,.badge{font-size:var(--fs-1)}
  /* таблицы прокручиваются внутри своего блока, страница не растягивается */
  .sc,.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  table{max-width:100%}
  img,svg,video{max-width:100%;height:auto}
  /* крупные числа плиток помещаются в одну строку на телефоне */
  .tg-main .tile .v{font-size:var(--fs-6)}
  /* закреплённые элементы не закрывают содержимое */
  .sticky,.fixed-bar{position:static}
}

/* iOS Safari: автоопределение номеров, дат и адресов отключено в meta; если всё же сработает, текст не перекрашивается */
a[href^="tel:"],a[x-apple-data-detectors]{color:inherit !important;text-decoration:none !important;font:inherit !important}