/*
 * Hospitals part — device switching + first-paint carousel gaps.
 *
 * The original `Hospitals` wrapper mounts HospitalsDesktop (.hospitals, data-v-7ff45b95)
 * when mediaQuery.pc and HospitalsMobile (.hospitals-mobile, data-v-6c2c4f20) otherwise.
 * template-parts/hospitals.php renders both; these rules hide the one the current device
 * must not see, using the #root.pc / #root.mobile classes that assets/js/responsive.js
 * maintains. Before the viewport is classified neither class exists: the desktop variant shows.
 */
#root.mobile .hospitals[data-v-7ff45b95],
#root:not(.mobile) .hospitals-mobile[data-v-6c2c4f20] {
	display: none;
}

/*
 * Carousel track gap before assets/js/parts/carousel.js runs (it then sets the same value
 * inline): the original passes track-gap = mediaQuery.desktop ? "var(--track-gap)" : "var(--gap)".
 * --97b7453a is the hashed custom property the shipped .scroller rule reads (--track-gap).
 */
.hospitals[data-v-7ff45b95] .carousel[data-v-6652ddb6] {
	--97b7453a: var(--gap);
}
#root.desktop .hospitals[data-v-7ff45b95] .carousel[data-v-6652ddb6] {
	--97b7453a: var(--track-gap);
}