/*
 * Doctors part (hospital page) — device variants and tab panels.
 *
 * The original Doctors component renders the category tabs as a <ul> on pc and as a
 * <select> + arrow on mobile, and the Doctor card puts the short text in
 * .content .doctor-content > p (pc) or in p.full (mobile). template-parts/doctors.php
 * renders both; these rules hide the wrong one via the #root.mobile class that
 * assets/js/responsive.js maintains (mobile = tablet + phone, like the original).
 * Until #root is classified only the pc variant shows.
 */
#root.mobile .doctors > .scroll-trigger > .categories > ul {
	display: none;
}
#root:not(.mobile) .doctors > .scroll-trigger > .categories > select,
#root:not(.mobile) .doctors > .scroll-trigger > .categories > svg {
	display: none;
}
#root.mobile .doctors .doctor > .content > .doctor-content > p {
	display: none;
}
#root:not(.mobile) .doctors .doctor > p.full {
	display: none;
}

/* One .doctor-content panel per category tab; the inactive ones are hidden
 * (the original's display:grid / display:block rules would otherwise override [hidden]). */
#root .doctors > .scroll-trigger > .doctor-content[hidden] {
	display: none;
}