/* Буква размера в подписи поля — ЕДИНОЕ МЕСТО ОФОРМЛЕНИЯ.
 *
 * «Высота проёма H, мм» — H здесь не часть фразы, а имя размера: ровно этой
 * буквой размер подписан на чертеже. Разметку ставит includes/calc-letter.php
 * (и includes/calc-letter.js для подписей, собранных в браузере), а весь
 * внешний вид — здесь. Экспериментировать нужно в этом файле и больше нигде:
 * в шаблонах калькуляторов ни цвета, ни начертания буквы нет.
 *
 * Синий — наш акцентный (--cl-accent темы, #2b5876). Красный намеренно НЕ
 * берём: на калькуляторах красный означает ошибку ввода (calc-errors.css)
 * и подсветку выбранного размера (calc-hilite.css).
 */

:root {
	--cl-let-color:   #2b5876;  /* цвет буквы */
	--cl-let-weight:  700;      /* насыщенность */
	--cl-let-spacing: 0;        /* разрядка: 0 — как обычный текст, .02em — чуть свободнее */
}

.cl-let {
	color: var(--cl-let-color);
	font-weight: var(--cl-let-weight);
	letter-spacing: var(--cl-let-spacing);
	white-space: nowrap;        /* «N1» не переносится по буквам */
}

/* Поле под курсором или в фокусе: размер на чертеже краснеет, ярлык тоже
   (calc-hilite.css). Буква обязана краснеть вместе с ярлыком — иначе на
   выбранном поле именно она осталась бы синей, единственная из всей подписи.
   Важность — по той же причине, что и у самого ярлыка. */
.cl-hot-label .cl-let {
	color: inherit !important;
}