/* ValuesV4 — module-specific styles (Framework Contract §C).
   No font-family, no hex; bespoke values stay in tokens. */

.vls.v4 {
	--vls-tls-icn-s: 3rem; /* design evidences a compact icon box in the v4 card rows */
}

/* Followed by ReviewsV1: fade this section's palette background into the reviews palette
   so the two bands blend (Landmark about, Figma 18413:23678). The next section's palette
   vars aren't in scope here, so its data-colors maps to the raw palette background. */
.vls.v4:has(+ .rvw.v1) {
	background-image: linear-gradient(to bottom, var(--background), var(--vls-v4-grd-end, var(--background)));

	&:has(+ .rvw.v1[data-colors="primary-light"]) { --vls-v4-grd-end: var(--lt-bg); }
	&:has(+ .rvw.v1[data-colors="alternate-light"]) { --vls-v4-grd-end: var(--lt-alt-bg); }
	&:has(+ .rvw.v1[data-colors="primary-dark"]) { --vls-v4-grd-end: var(--dk-bg); }
	&:has(+ .rvw.v1[data-colors="alternate-dark"]) { --vls-v4-grd-end: var(--dk-alt-bg); }
}