/* Shared clickable styles (cards, pills, badges, etc.) */

.clickable {
	--clickable-scale: 1.03;
	cursor: pointer;
	text-decoration: none;
	color: inherit;
	will-change: transform;
	transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

	.clickable:hover {
		transform: scale(var(--clickable-scale));
		box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
	}

	.clickable:focus-visible {
		outline: 3px solid rgba(17, 24, 39, 0.35);
		outline-offset: 3px;
	}

.clickable-sm {
	--clickable-scale: 1.05;
}