/**
 * Featured Articles Block — Swiper slide widths only.
 * All other styles are handled via Tailwind in featured-articles.php.
 *
 * @package healthwatch-theme
 */

/* Override Swiper's default width:100% on slides */
.featured-articles-swiper .swiper-slide {
	width: 262px;
	height: auto;
}

@media (max-width: 1024px) {
	.featured-articles-swiper .swiper-slide {
		width: 220px;
	}
}

@media (max-width: 767px) {
	.featured-articles-swiper .swiper-slide {
		width: 200px;
	}
}