/* styles-archive-outmode.css — карточка подсказки колонки «Выход нормы»
   (Справочник операций).

   Базовый вид, палитра и размеры берутся у общей карточки `.fact-tnorm-tip`
   (styles-time-norm.css) — тот же визуальный язык, что у «планового выхода» и
   «времени к оплате» в листе Факт. Здесь только раскладка БЛОКАМИ: режим →
   что делает → пример, между режимами линия (владелец, 2026-08-14).

   Почему отдельные классы, а не инлайн-стили в JS: первый заход был инлайном и
   разъехался с образцом по кеглю и межстрочью — «сжато, читать сложно». Правила
   рядом с общей карточкой держат один интервал во всех подсказках. */

/* Текста больше, чем в легенде «планового выхода» (три блока с примерами) —
   даём карточке чуть больше ширины, иначе строки рвутся по два-три слова. */
.fact-tnorm-tip.is-outmode {
  min-width: 300px;
  max-width: 344px;
}

/* Название режима. Кегль тот же, что у текста карточки: выделяем только
   насыщенностью — так же, как заголовки строк в подсказке нормы времени. */
.fact-tnorm-tip .arc-outmode-mode {
  font-weight: 700;
  line-height: 1.6;
}

/* Что делает режим — основной текст карточки. */
.fact-tnorm-tip .arc-outmode-what {
  line-height: 1.6;
  margin-top: 2px;
}

/* Пример — мельче и приглушённее, как `.fact-tnorm-lg-note` у образца. */
.fact-tnorm-tip .arc-outmode-ex {
  color: #9aa7b9;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 5px;
}

/* Разделитель между режимами: тот же тон, что рамка карточки. */
.fact-tnorm-tip .arc-outmode-sep {
  height: 1px;
  background: rgba(125, 158, 209, 0.28);
  margin: 11px 0;
}