.no-data {
	color: #999;
	font-style: italic;
}

/* Совокупная оценка PassMark в блоке «дуэли» и на странице просмотра */
.passmark-score {
	color: #c030c0;
}

/*
 * Страница сравнения CPU: «дуэль» с кольцевыми диаграммами, сворачиваемые секции,
 * подсветка победителя и фильтр совпадающих характеристик.
 * Цвета — только CSS-переменные Bootstrap, поэтому светлая и тёмная темы работают автоматически.
 */

/* Подпись справа от кольца: длинное имя процессора не должно распирать карточку */
.cpu-duel-body {
	min-width: 0;
}

/* Кольцевая диаграмма: заливка — процент балла от лидера рейтинга базы (передаётся инлайном) */
.cpu-ring {
	--ring-value: 0;
	position: relative;
	width: 6.5rem;
	height: 6.5rem;
	flex: 0 0 auto;
	border-radius: 50%;
	background: conic-gradient(var(--ring-color) calc(var(--ring-value) * 1%), var(--bs-border-color) 0);
}

.cpu-ring::before {
	content: '';
	position: absolute;
	inset: 13.5%;
	border-radius: 50%;
	background: var(--bs-body-bg);
}

.cpu-ring-inner {
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.15;
}

.cpu-ring-percent {
	font-size: 1.1rem;
}

/* Кольцо в шапке страницы просмотра: та же диаграмма, но крупнее */
.cpu-ring-lg {
	width: 8.25rem;
	height: 8.25rem;
}

.cpu-ring-lg .cpu-ring-percent {
	font-size: 1.5rem;
}

/*
 * Плиточная сетка секций характеристик: зазор между плитками 1px —
 * настолько мелкого готового отступа (g-*) у Bootstrap нет
 */
.spec-grid {
	--bs-gutter-x: 1px;
	--bs-gutter-y: 1px;
}

.cpu-dot {
	display: inline-block;
	vertical-align: middle;
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 50%;
	flex: 0 0 auto;
}

/* Победитель в строке сравнения: фон и цвет — через механизм таблиц Bootstrap (.table тянет фон из --bs-table-accent-bg) */
.cpu-cell-win {
	--bs-table-accent-bg: var(--bs-success-bg-subtle);
	--bs-table-color: var(--bs-success-text-emphasis);
	font-weight: 600;
}

/* Заголовок-«шапка» секции поверх таблицы (summary оформлен как card-header) */
details > summary.card-header {
	cursor: pointer;
	list-style: none;
}

details > summary.card-header::-webkit-details-marker {
	display: none;
}

details > summary.card-header:hover {
	--bs-card-cap-bg: var(--bs-secondary-bg);
}

details > summary .cpu-summary-icon {
	transition: transform 0.2s ease;
}

details[open] > summary .cpu-summary-icon {
	transform: rotate(90deg);
}

/*
 * Переключатель «Скрывать совпадающие» без JS: строки с одинаковыми значениями
 * помечаются классом cpu-row-same и скрываются, пока чекбокс отмечен.
 */
.compare-page:has(#compare-only-diff:checked) .cpu-row-same {
	display: none !important;
}

/*
 * Колонки таблицы сравнения: три равные ширины по 1/3 (фиксированная раскладка,
 * чтобы длинные имена процессоров и значения не «распиряли» колонки).
 */
table.table.table-compare {
	table-layout: fixed;
}

table.table.table-compare th,
table.table.table-compare td {
	width: 33.3333%;
	overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
	details > summary .cpu-summary-icon {
		transition: none;
	}
}

/* Планшеты и меньше (брейкпоинт md Bootstrap): две колонки по 1/2, подпись параметра сверху */
@media (max-width: 767.98px) {
	table.table.table-compare tr { display: flex; flex-wrap: wrap; }
	table.table.table-compare th,
	table.table.table-compare td { flex: 0 0 50%; overflow: hidden; }
	table.table.table-compare th:first-child { flex: 0 0 100%; border-bottom: none; }
}