/*
 * su-hover-scale package (CSS only, no JS)
 * Scales an image slightly on mouse hover without changing its visible box.
 * Add the attribute data-su-hover-scale to the element that wraps/clips the image
 * (its current width/height define the visible box that clips the enlarged image).
 * See: su-hover-scale-guide.md for integration steps.
 */
[data-su-hover-scale] {
	overflow: hidden;
}
[data-su-hover-scale] img {
	transition: transform 0.25s ease;
	display: block;
	margin: 0 auto;
}
[data-su-hover-scale]:hover img {
	transform: scale(1.08);
}