@layer utilities {
	.content-auto {
		content-visibility: auto;
	}

	.text-shadow {
		text-shadow: 0 2px 4px rgba(0,0,0,0.1);
	}

	.card-hover {
		transition: all
            0.3s ease;
	}

	.card-hover:hover {
		transform: translateY(-5px);
		box-shadow: 0 12px 20px rgba(0,0,0,0.08);
	}

	.news-content p {
		margin-bottom: 1.5rem;
		line-height: 1.8;
	}

	.news-content h3 {
		font-size: 1.25rem;
		font-weight: 600;
		margin: 2rem 0 1rem;
		color: #1D2939;
	}

	.news-content img {
		max-width: 100%;
		height: auto;
		border-radius: 8px;
		margin: 1.5rem 0;
	}
}