/* Оформление инструмента «course-picker».
 *
 * Раньше инструмент собирал разметку с атрибутами style= прямо в js —
 * ради этого в Content-Security-Policy держали style-src 'unsafe-inline',
 * то есть разрешали любой инлайновый стиль на всех страницах пяти сайтов.
 * Вынесено 27.07.2026.
 *
 * Цвет группы (красный, охра, зелёный) остаётся в js: он приходит из
 * правил и не бывает известен заранее. Политике это не мешает —
 * присваивание отдельного свойства (el.style.color) под неё не подпадает,
 * запрещены только setAttribute('style', …) и cssText.
 *
 * Файл подключается partial'ом tools.html только на странице своего
 * инструмента и с отпечатком содержимого в адресе (asset-url.html).
 */

/* Все правила ниже привязаны к .tool-shell не для красоты: в base.css темы
 * есть `.tool-shell label`, `.tool-shell input`, `.tool-shell button` —
 * селекторы весом 0,1,1. Голый класс (0,1,0) им проигрывает, и label,
 * который должен быть inline-flex, оставался block: инлайновый стиль
 * раньше выигрывал у всего, а класс — нет. Поймано сверкой вычисленных
 * стилей 27.07.2026.
 */

.tool-shell .cp-lead { font-size: 15px; line-height: 1.6; margin: 0 0 18px; }

.tool-shell .cp-row { margin-bottom: 16px; }
.tool-shell .cp-label { font-size: 14px; font-weight: 600; margin: 0 0 6px; }
.tool-shell .cp-opts { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.tool-shell .cp-opt {
  display: inline-flex;
  gap: 7px;
  align-items: flex-start;
  font-weight: 400;
  font-size: 14.5px;
}
.tool-shell .cp-radio { width: auto; margin-top: 3px; }

.tool-shell .cp-out {
  margin-top: 22px;
  border-top: 1px solid var(--color-rule);
  padding-top: 18px;
}

.tool-shell .cp-card { margin-bottom: 22px; }
.tool-shell .cp-group {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.tool-shell .cp-item {
  border-left: 2px solid var(--color-rule);
  padding-left: 12px;
  margin-bottom: 12px;
}
.tool-shell .cp-item-title { font-weight: 600; font-size: 15px; margin: 0; }
.tool-shell .cp-item-why { font-size: 14px; line-height: 1.55; margin: 4px 0 0; }
.tool-shell .cp-item-norm {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: var(--color-muted);
  margin: 4px 0 0;
}

.tool-shell .cp-note {
  font-size: 13px;
  line-height: 1.6;
  color: var(--color-muted);
  border-top: 1px solid var(--color-rule);
  padding-top: 12px;
}