/*
 * SHIELD-TITLE: оригинальное название тайтла картинкой-маской (ShieldTitle::html()).
 * Основное — во встроенном style элемента (размер, вертикальное выравнивание по базовой линии, маска, currentColor),
 * поэтому название видно и там, где этот файл не подключён (AJAX-вставки, SPA-переходы). Здесь — только уточнения.
 */
.nf-ot {
	flex: none;
	max-width: 100%;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	/* цвет — как у текста вокруг (currentColor); переходы цвета ссылок работают так же, как у текста */
	transition: background-color .15s ease;
}
.nf-ot-block {
	margin: 0;
}

/* Узкий контейнер: картинка уменьшается пропорционально вместе с высотой (маска — contain). Без aspect-ratio
   (старые браузеры) высота остаётся заданной, а маска просто уменьшается внутри блока. */
@supports (aspect-ratio: 1 / 1) {
	.nf-ot {
		height: auto !important;
	}
}

/* Режим высокой контрастности (Windows): фон элементов подменяется системным — возвращаем цвет текста */
@media (forced-colors: active) {
	.nf-ot {
		forced-color-adjust: none;
		background-color: CanvasText !important;
	}
	a .nf-ot,
	a.nf-ot {
		background-color: LinkText !important;
	}
}

/* Печать: браузеры не печатают фоны по умолчанию, а название нарисовано фоном под маской */
@media print {
	.nf-ot {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		background-color: #000 !important;
	}
}