/* Latest News block styles (colocated) */
.jwa-latest-news {
    /* The PHP template uses Tailwind utilities for layout, so minimal block-level styling is needed here. */
    /* We can add padding or margins if this block needs consistent spacing. */
    @apply w-full max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12;
}

/* Styles for the individual post card component */
.post-card {
    @apply flex flex-col;
}

.post-card__image-wrapper {
    @apply aspect-w-16 aspect-h-9 bg-gray-100 dark:bg-gray-800 overflow-hidden lg;
}

.post-card__image {
    @apply w-full h-full object-cover transition-transform duration-300 ease-in-out;
}

.post-card__link:hover .post-card__image {
    @apply scale-105;
}

.post-card__content {
    @apply mt-4;
}

.post-card__meta {
    @apply text-sm text-gray-500 dark:text-gray-400 mb-2;
}

.post-card__category {
    @apply font-semibold text-primary-600 dark:text-primary-400;
}

.post-card__title {
    @apply text-xl font-bold text-gray-900 dark:text-gray-100 leading-tight tracking-tight;
}

.post-card__link:hover .post-card__title {
    @apply text-primary-600 dark:text-primary-400;
}