/* Поля ввода на телефоне — не мельче 16px.

   Зачем. Safari на iPhone при фокусе в поле, у которого шрифт мельче 16px,
   увеличивает страницу — и обратно не уменьшает. Человек нажимает «Дата
   рождения» в форме заказа, всё уезжает и становится огромным, а вернуть
   вид можно только пальцами. Со стороны это и есть «сайт на телефоне
   сломан»: ничего не падает, ошибок в консоли нет, но пользоваться нельзя.
   Формы у нас на каждом шаге — квиз заказа, вход, регистрация, девять
   калькуляторов, — и до этого правила ни в одной из них не было 16px:
   размеры шли от 13.33px (браузерное значение по умолчанию, когда font-size
   не задан вовсе) до 15px.

   Почему отдельный файл, а не правка в каждом месте. Мест этих восемь:
   inline-стили в templates/base.html, templates/web/base.html,
   templates/web/auth_base.html, плюс seo.css, quiz.css, matrix.css,
   partials/calc_host_css.html и разметка калькуляторов. Починить сегодня все
   восемь — значит завтра завести девятое место с полем на 14px и не
   заметить. Одно правило на весь сайт держит границу само.

   Почему !important. Правила вроде `.calc-host input { font-size: 15px }`
   специфичнее любого разумного селектора здесь, а подниматься с ними
   наперегонки значило бы вписывать в этот файл слепок чужой вёрстки и
   ломаться при каждой её правке. Условие для важности выполнено: это не
   оформление, а ограничение, которое обязано победить.

   Почему pointer: coarse, а не ширина экрана. Зумит именно тач-ввод, и на
   iPad в альбомной ориентации (1024px — «десктопная» ширина) он зумит тоже.
   Мышь и трекпад под это правило не попадают, поэтому на обычном экране
   вёрстка не меняется вовсе.

   Кнопки, флажки и переключатели исключены сознательно: текст в них не
   вводят, зума они не вызывают, а их размер — часть оформления. */
@media (pointer: coarse) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="hidden"]),
  select,
  textarea {
    font-size: 16px !important;
  }
}