/* Safety by Customer Type — tabbed safety panels.
   Layout/colors are utility-driven; this file covers the few things utilities
   can't: the [hidden] panel toggle and keyboard focus visibility. */

/* Panels are toggled via the [hidden] attribute by the block JS. The `grid`
   utility (display:grid) would otherwise beat [hidden]'s UA display:none, so
   re-assert the hide with a winning selector. The <noscript> rule in the block
   overrides this (with !important) so all panels show when JS is unavailable. */
.le-safety-by-customer-type-block .le-sct-panel[hidden] {
	display: none;
}

/* Visible focus for keyboard users (tabs and the focusable panels). */
.le-safety-by-customer-type-block .le-sct-tab:focus-visible,
.le-safety-by-customer-type-block .le-sct-panel:focus-visible {
	outline: 2px solid var(--color-secondary);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.le-safety-by-customer-type-block .le-sct-tab {
		transition: none;
	}
}