/*
 * MOS home-page card polish
 * Load after the existing inline styles in /home.asp.
 */

.state-card {
	border-color: #d9e2ec;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 10px 24px rgba(16, 63, 104, 0.08);
	transition: transform 0.15s ease, border-color 0.15s ease,
		box-shadow 0.15s ease;
}

.state-card-title {
	border-bottom-color: #d9e2ec;
	background-color: #ffffff;
}

.state-card:hover {
	transform: translateY(-2px);
}

.state-card:hover,
.state-card:focus {
	border-color: #b9ccdc;
	box-shadow: 0 14px 30px rgba(16, 63, 104, 0.14);
}

.mos-ceu-card {
	border-color: #d9e2ec;
	border-radius: 16px;
	background-color: #ffffff;
	box-shadow: 0 12px 28px rgba(16, 63, 104, 0.08);
}

@media screen and (max-width: 480px) {
	.state-card {
		border-width: 1px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.state-card {
		transition: none;
	}

	.state-card:hover {
		transform: none;
	}
}