/* Экраны на стенде: канвасная рамка растягивается во весь экран. */
html,body{height:100%}
body{background:var(--veyra-bg);padding:0}
.frame{width:100%!important;min-height:100vh;border:0!important;border-radius:0!important;box-shadow:none!important}
.sb{height:100vh;position:sticky;top:0}
.body{align-items:flex-start}
.note,.blk>h2{display:none}
a{color:inherit}
.swch span[title]{cursor:not-allowed;opacity:.55}
/* T4: на узком экране сайдбар — верхняя полоса (platform-cabinets.css), а не колонка в 100vh;
   липкость сохраняем, чтобы навигация была под рукой при прокрутке. */
@media (max-width:1023px){.sb{height:auto;position:sticky;top:0;z-index:2}}

/*veyra:lipkoe:начало*/
/* Боковое меню должно стоять на месте, когда страницу прокручивают.
   Прилипание у него уже было задумано: в этом же файле строкой выше стоит
   «.sb{height:100vh;position:sticky;top:0}». Не работало оно из-за .frame —
   у него overflow:hidden. Элемент с position:sticky прилипает к ближайшему
   предку, который прокручивается; .frame сам не прокручивается (прокручивается
   страница), поэтому меню просто уезжало вверх и оставляло пустое место.

   Обрезку снимаю ТОЛЬКО на широком экране. На узком .sb превращается в
   верхнюю полосу, а обрезка там ещё и прикрывает то, что правая колонка
   калькулятора шире телефонного экрана — это отдельная задача, и трогать её
   заодно нельзя. Граница 1024 — та же, на которой кабинет сам переключает
   раскладку. */
@media (min-width: 1024px) { .frame { overflow: visible } }
/*veyra:lipkoe:конец*/