/* VELYON Theme — Listing card (jobs / projects / assessments), v1.6.0
 * Shared by Card Grid (.card) and Course Slider (.slide). The wrapper keeps
 * each block's own border / hover / width rules; this file only styles the
 * inner .vlc-body. Tokens only (dark/light + Brand Color follow).
 */
.vlc-body { gap: 10px; }

.vlc-top { display: flex; align-items: center; gap: 10px; min-width: 0; }

.vlc-logo {
	--vlc-tone: var(--velyon-text-muted);
	--vlc-ink: var(--velyon-text);
	flex: 0 0 40px; width: 40px; height: 40px;
	display: grid; place-items: center; overflow: hidden;
	border-radius: 10px;
	border: 1px solid var(--velyon-border);
	background: color-mix(in srgb, var(--vlc-tone) 14%, var(--velyon-surface-alt));
	color: var(--vlc-ink);
	font-family: var(--velyon-font-heading); font-size: 14px; font-weight: 800; letter-spacing: .02em;
}
.vlc-logo.vlc-tone-b { --vlc-tone: var(--velyon-accent); --vlc-ink: var(--velyon-accent-deep); }
.vlc-logo.vlc-tone-c { --vlc-tone: var(--velyon-gold); --vlc-ink: color-mix(in srgb, var(--velyon-gold) 65%, var(--velyon-text)); }
.vlc-logo img { width: 100%; height: 100%; object-fit: contain; padding: 3px; background: var(--velyon-surface-alt); }

.vlc-company {
	flex: 1 1 auto; min-width: 0;
	font-size: 12.5px; font-weight: 600; color: var(--velyon-text-muted);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.vlc-top .vlc-badges { margin: 0 0 0 auto; flex: 0 0 auto; flex-wrap: nowrap; }

.vlc-body .vlc-title {
	margin: 0; font-size: 15px; line-height: 1.3;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.vlc-highlight {
	margin: 0;
	font-family: var(--velyon-font-heading); font-size: 14.5px; font-weight: 800;
	color: var(--velyon-accent-deep);
}
.vlc-facts {
	list-style: none; margin: auto 0 0; padding: 4px 0 0;
	display: flex; flex-wrap: wrap; gap: 6px;
}
.vlc-facts li {
	font-size: 11.5px; line-height: 1.2;
	padding: 4px 9px; border-radius: 999px;
	background: var(--velyon-surface-alt);
	border: 1px solid var(--velyon-border);
	color: var(--velyon-text-muted);
}
.vlc-meta { margin-top: auto; }