/*
 * Оформление слов, к которым привязана всплывающая подсказка.
 *
 * Файл: web/Common/assets/css/tooltips.css (общий слой, репо frontend-web)
 *
 * .footnote-ref — тултип с описанием примечания (вставляет панель),
 * .text-hint    — тултип с произвольной подсказкой.
 *
 * Без этих правил слово ничем не отличается от соседних и читатель не узнает,
 * что подсказка есть. Цвет намеренно не задаём — темы у сайтов разные,
 * наследуем цвет текста.
 */

.footnote-ref,
.text-hint {
    text-decoration: underline dotted;
    text-underline-offset: 0.15em;
    cursor: help;
}

/* Описание примечания бывает длинным (до 511 символов) — в 200px по умолчанию
   оно превращается в узкий столбик */
.tooltip {
    --bs-tooltip-max-width: 320px;
}