.regalia-grid {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( 280px, 1fr ) );
	gap: 1rem;
}

.regalia-grid__item {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1rem 1.25rem;
	background-color: var(--wp--preset--color--chapel-bell-white);
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.regalia-grid__swatch {
	flex-shrink: 0;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--arch-black) 12%, transparent);
}

.regalia-grid__text {
	display: flex;
	flex-direction: column;
	gap: 0.125rem;
	min-width: 0;
}

.regalia-grid__subject {
	font-family: var(--wp--preset--font-family--merriweather-sans);
	font-weight: 600;
	line-height: 1.3;
	color: var(--wp--preset--color--arch-black);
}

.regalia-grid__color {
	font-family: var(--wp--preset--font-family--merriweather-sans);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 300;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--wp--preset--color--sanford);
}