/* Стили каркаса — отдельным файлом (КАБ-327): style.css за порогом больших
   файлов и не растёт. Подключён в base.html после style.css.

   ШАПКА «КТО Я» НЕ ШИРЕ ОКНА. Подпись «имя · организация · тип» усекалась
   только на бумаге: у `.who-name` стояли `min-width: 0` и многоточие, но её
   родители — `details` и `summary` — сжиматься не умели (у flex-элемента
   наименьшая ширина по умолчанию равна содержимому). На телефоне блок
   выступал за окно, и вся страница ездила вбок — на 22 px у обычной подписи
   и дальше с каждой буквой названия. Теперь сжимается вся цепочка, а кружок
   и стрелка — нет: усекается текст, а не то, во что целятся пальцем.

   Крошка сжимается первой (как и раньше, пока хватало места): на широком
   экране подпись остаётся при своих 320 px. */
.cabinet-header > .breadcrumb { flex: 0 9999 auto; }
.cabinet-header > .who-am-i { flex: 0 1 auto; min-width: 0; }
.who-am-i > summary { min-width: 0; max-width: 100%; }
.who-circle, .who-arrow { flex: none; }

/* Усечённое в шапке целиком стоит в меню — иначе длинное название негде
   прочитать. Переносится по словам, а слово длиннее строки — по буквам.
   Само меню не шире окна: поля шапки на телефоне — по 12 px. */
.who-menu { max-width: min(340px, calc(100vw - 24px)); }
.who-full { margin: 0; padding: 2px 8px 6px; font-size: 12.5px;
  line-height: 1.35; overflow-wrap: anywhere; }
.who-full b { display: block; color: var(--ink); font-weight: 600; }
.who-full span { color: var(--muted); }

/* ТРИ ШАГА ЗАГРУЗКИ — СПИСКОМ, А НЕ СТРОКОЙ (КАБ-328). Класс `steps` носят
   два разных списка: «шаги подключения» (строка с галкой — `display: flex`,
   без номеров) и три шага на «Данных». Правило первого доставалось второму:
   номера пропадали, а заголовок шага, пояснение и кнопки вставали в один ряд.
   На телефоне ряд не помещался — кнопки шаблонов уезжали за край, и страница
   ехала вбок (документ 558 при окне 375). Здесь шагам загрузки возвращён
   задуманный в КАБ-66 вид: номер, заголовок, под ним пояснение и кнопки;
   кнопки переносятся на новую строку, а не выходят за рамку. */
.steps.steps-numbered { list-style: decimal; margin: 0 0 16px; padding-left: 22px; }
.steps.steps-numbered > li { display: list-item; margin-bottom: 10px; }
.steps-numbered .steps-buttons { display: flex; max-width: 100%; }