.wp-block-caltrout-species-score-summary {
	--ct-species-summary-line: var(--wp--preset--color--line, #d8d0c2);
}

.wp-block-caltrout-species-concern-badge {
	display: inline-block;
	padding: .45rem .9rem;
	border-radius: 999px;
	background: var(--ct-species-concern-color);
	color: #fff;
	font-size: var(--wp--preset--font-size--caption, .75rem);
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1;
	text-transform: uppercase;
}

.ct-species-score-summary__rows {
	border-top: 1px solid var(--ct-species-summary-line);
}

.ct-species-score-summary__row {
	display: grid;
	grid-template-columns: minmax(10rem, 1.3fr) minmax(7rem, .65fr) minmax(10rem, 1fr) auto;
	gap: var(--wp--preset--spacing--30, 1.5rem);
	align-items: center;
	min-height: 6.5rem;
	border-bottom: 1px solid var(--ct-species-summary-line);
	color: var(--wp--preset--color--ink-2, #0a1b26);
	text-decoration: none;
}

.ct-species-score-summary__identity,
.ct-species-score-summary__score {
	display: flex;
	flex-direction: column;
}

.ct-species-score-summary__identity strong {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.2rem, 2.25vw, 1.7rem);
	line-height: 1.2;
	font-weight: 400;
}

.ct-species-score-summary__identity small,
.ct-species-score-summary__source {
	color: var(--wp--preset--color--ink-3, #66798a);
	font-size: var(--wp--preset--font-size--caption, .875rem);
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ct-species-score-summary__score {
	flex-direction: row;
	align-items: baseline;
	gap: .25rem;
}

.ct-species-score-summary__score strong {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(2.5rem, 4vw, 4rem);
	font-weight: 400;
	line-height: 1;
}

.ct-species-score-summary__score small {
	color: var(--wp--preset--color--ink-3, #66798a);
}

.ct-species-score-summary__meter {
	display: block;
	height: .5rem;
	background: var(--wp--preset--color--paper-2, #f4f1ea);
}

.ct-species-score-summary__meter>span {
	display: block;
	height: 100%;
	background: var(--ct-species-summary-color);
}

.ct-species-score-summary__level {
	min-width: 6.25rem;
	padding: .45rem .9rem;
	border-radius: 999px;
	background: var(--ct-species-summary-color);
	color: #fff;
	font-size: var(--wp--preset--font-size--caption, .875rem);
	font-weight: 700;
	letter-spacing: .15em;
	line-height: 1;
	text-align: center;
}

.ct-species-score-summary__source {
	margin-top: var(--wp--preset--spacing--30, 1.5rem);
	text-transform: none;
}

@media (max-width: 700px) {
	.ct-species-score-summary__row {
		grid-template-columns: 1fr auto;
		gap: .75rem 1rem;
		padding: 1.25rem 0;
	}

	.ct-species-score-summary__meter {
		grid-column: 1;
	}

	.ct-species-score-summary__level {
		grid-column: 2;
		grid-row: 2;
	}
}