/* Переключатель десктоп/мобайл 1:1-канвасов (см. *-mobile-abs.css из gen-page.cjs).
   Десктоп-канвас (фрейм 1440) — по умолчанию; мобильный (фрейм 402 из mobile.fig) —
   под @media. Брейкпоинт 767px: ниже — мобильный фрейм, выше — десктоп (не трогаем).
   Масштаб мобильного канваса под ширину вьюпорта задаёт fig_mobile_scale (JS):
   --fig-m-scale = min(1, innerWidth/402); на 402px = 1 (нативный 1:1). */
.fig-mobile { display: none; }

/* Горизонтальный скролл табличных/выносочных блоков (VIA-реестр, ARTE-запись) — по замыслу .fig
   они шире кадра. Скроллбар стилизован глобально (scrollbar.css). */
.fig-hscroll {
  overflow-x: auto;
  overflow-y: hidden;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 767px) {
  .fig-desktop { display: none; }
  .fig-mobile { display: block; overflow: hidden; }
  .fig-mobile .fig-canvas {
    transform: scale(var(--fig-m-scale, 1));
    transform-origin: top center;
    /* высоту реального места под масштабированный канвас выставляет JS-контроллер на .fig-mobile */
  }
}