/* Верхняя панель инструмента — общее правило мастерской (09.09.2026).

   Панель с вкладками это не украшение, а единственный выход с экрана: зашёл в «Журнал»
   — уйти в «Картотеку» можно только через неё. Если панель пропала, человек заперт и
   спасается кнопкой «назад» браузера.

   Пропадала она из-за одной строки, скопированной во все инструменты разом:

       html{overflow-x:clip}
       body{overflow-x:clip;max-width:100vw}

   Её ставили против горизонтального сдвига страницы. Но overflow (clip и hidden равно)
   на предке делает его контейнером прокрутки, и position:sticky у потомка перестаёт
   липнуть: в Safari на айфоне панель уезжает вверх вместе со страницей и не
   возвращается. В Chrome то же место работает — поэтому беда и не ловилась на сервере.

   Здесь механика панели и защита от горизонтального вылета, сделанная без overflow.
   Подключать ПОСЛЕ собственных стилей инструмента:

       <link rel="stylesheet" href="/tools/shared/shapka.css">

   Цвета, фон и высота панели остаются за инструментом — тут только поведение. */

html, body { overflow-x: visible; }
body { max-width: 100vw; }

/* Никакой «резины» (09.09.2026). На айфоне страница пружинила: тянешь её вниз, чтобы
   добраться до шапки, — и вместо этого срабатывает обновление страницы, а сама шапка
   в этот момент уезжает и не нажимается. Лечится запретом внешней прокрутки: жест
   больше не уходит браузеру и остаётся страницей.
   Прокрутку ВНУТРИ блоков это не трогает — только цепную и оттяг у краёв документа. */
html, body { overscroll-behavior: none; }

/* Сдвиг вбок дают не абзацы, а широкие вещи: снимок, таблица, готовый текст, рамка.
   Их и ограничиваем — по месту, а не запретом прокрутки на всей странице. */
img, video, canvas, iframe, table, pre { max-width: 100%; }

/* Панель уходит и возвращается по жесту (10.09.2026).

   Прошли две крайности, и обе оказались неудобны. Прибитая намертво панель на телефоне
   пружинила вместе со страницей при оттяге и в этот миг не нажималась. Обычная, которая
   просто уезжает вверх, оставляла человека без выхода: чтобы вернуть её, надо было
   домотать до самого начала длинного отчёта.

   Верное поведение — то же, что у мобильных приложений: листаешь вниз — панель уходит и
   не мешает; ведёшь вверх — она тут же возвращается, где бы ты ни был. Панель липкая,
   но подъезд и отъезд ей задаёт /tools/shared/shapka.js, а не только прокрутка. */
.verh {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 60;
  transition: transform .22s ease;
  will-change: transform;
}
.verh.uehala { transform: translateY(-105%); }

/* Человек не любит движение без причины: пока он не листал, панель не ездит. */
@media (prefers-reduced-motion: reduce) {
  .verh { transition: none; }
}