/* Форма «кто ведёт / форма / реквизиты»: блок от блока (вступление,
   основные данные, реквизиты, кнопка) отделён сильнее, чем строка
   от строки внутри одного блока — иначе форма читается одним куском
   вместо ответов на разные вопросы.

   Общий класс `.legal-fields`, не завязанный на конкретный экран:
   тем же телом (ui/legal-fields.js) рисуются и «Данные бизнеса»
   (screens/business-legal.js), и вкладка «Реквизиты» у клиента
   (ui/client-legal.js) — второй копией стиль разошёлся бы на первой
   же правке одного из экранов. */

/* Подсказка, «Основные данные» и «Реквизиты» — прямые дети обёртки
   .legal-fields, не .plain: .plain видит в них один узел,
   расставлять их должна сама обёртка. */
.legal-fields {
  display: flex;
  flex-direction: column;
  gap: var(--sp-6);
}

.legal-fields .picker__group {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

/* «Индивидуальный предприниматель» длиннее видов деятельности,
   для которых .chooser__name считался, — здесь перенос на вторую
   строку читается лучше, чем обрезанное слово. */
.legal-fields .chooser__name {
  white-space: normal;
  line-height: 1.3;
}