/* --- FAQ accordion ---------------------------------------------------------
   Panels start with [hidden] in markup. JS removes [hidden], animates the
   inline max-height between 0 and the measured content height, then sets it to
   none once open. The closed base + transition live here; the chevron flips
   off the trigger's aria-expanded so it stays in sync with the JS state. */
.le-safety-page-faq-accordion-block .le-faq-panel {
	overflow: hidden;
	max-height: 0;
	transition: max-height 240ms ease;
	/* Only the answer area is tinted. The panel is [hidden] while collapsed, so
	   this cream only shows once the answer is open. The question/trigger keeps
	   its default background and tints to cream on hover only. */
	background-color: var(--color-cream);
}

.le-safety-page-faq-accordion-block .le-faq-trigger[aria-expanded="true"] .le-faq-chevron {
	transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
	.le-safety-page-faq-accordion-block .le-faq-panel,
	.le-safety-page-faq-accordion-block .le-faq-chevron {
		transition: none;
	}
}