.cr-scoring-breakdown { padding: 56px 0; }
.cr-scoring-breakdown h2 { text-align: center; margin-bottom: 36px; }

.cr-scoring-breakdown__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.cr-score-item {
	background: var(--cr-glass-bg);
	backdrop-filter: blur(var(--cr-glass-blur));
	-webkit-backdrop-filter: blur(var(--cr-glass-blur));
	border: 1px solid var(--cr-glass-border);
	border-radius: var(--cr-radius-md);
	padding: 22px;
}

.cr-score-item__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom: 12px;
}

.cr-score-item__label { font-weight: 600; }
.cr-score-item__weight { color: var(--cr-accent-gold); font-weight: 700; }

.cr-score-bar {
	height: 8px;
	background: var(--cr-bg-darker);
	border-radius: 999px;
	overflow: hidden;
	margin-bottom: 14px;
}

.cr-score-bar__fill {
	height: 100%;
	width: var(--cr-fill, 0%);
	background: var(--cr-gradient-cta-gold);
	border-radius: 999px;
	transition: width 0.6s ease;
}

.cr-score-item__checks { font-size: 14px; margin-bottom: 0; }

@media (min-width: 768px) {
	.cr-scoring-breakdown__grid { grid-template-columns: repeat(2, 1fr); }
}