/* SleepBaby.org Blog Hub v2.5.8.1 state-paint hardening. */

/* The hub's global purple ring is strong on paper but misses 3:1 inside its
 * two dark modules. Keep the existing light-surface language and use an
 * opaque near-white ring only where the adjacent final pixels are dark. */
.sleepbaby-blog-hub :is(.sb-blog-route-map, .sb-blog-age-band) :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid #fffdf8 !important;
	outline-offset: 4px !important;
}

@media (forced-colors: active) {
	.sleepbaby-blog-hub :is(.sb-blog-route-map, .sb-blog-age-band) :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
		outline-color: Highlight !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sleepbaby-blog-hub :is(.sb-blog-route-map, .sb-blog-age-band) * {
		transition: none !important;
	}
}