/*
 * recommendation-card / media-left — Variant token VALUES + local type only.
 * No `.zct-template + .zct-template` adjacency (connected/seam is core-owned),
 * no !important (low specificity via :where()).
 */
:where(.zct-template--recommendation-card-media-left) {
	--rc-media: 88px;
	--zct-gap: 12px;
	--rc-text-gap: 6px;
}

:where(.zct-template--recommendation-card-media-left .rc-media-left .zct-slot--title) {
	font-size: 1.05rem;
	line-height: 1.3;
}

:where(.zct-template--recommendation-card-media-left .rc-media-left .zct-slot--subtitle) {
	font-size: 0.8125rem;
	color: var(--zct-muted, #6b7280);
}