/**
 * MediaOne Widgets — accordion mechanics (structure only, no skin).
 *
 * Pairs with assets/js/mow-accordion.js. Two sections use it — the FAQ list and
 * the Objectives panels — and they look nothing alike, so everything visual
 * lives in the section skins, scoped under their own widget root
 * (`.mow-faq .mow-accordion__item`, `.mow-obj .mow-accordion__item`).
 * Never style `.mow-accordion__*` unscoped: both widgets can sit on one page.
 *
 * The collapse uses a 0fr → 1fr grid row rather than a max-height guess, so a
 * panel always animates to its true height. Both originals capped max-height
 * (600px on the FAQ, 1200px on the panels), which silently truncates content
 * once someone writes a longer answer.
 */

.mow-accordion__panel {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.35s ease;
}

.mow-accordion__item.is-open > .mow-accordion__panel {
	grid-template-rows: 1fr;
}

/* The row's overflow must be clipped here, not on the panel, or the collapsed
   content still paints. */
.mow-accordion__panel > * {
	overflow: hidden;
	min-height: 0;
}

@media (prefers-reduced-motion: reduce) {
	.mow-accordion__panel {
		transition: none;
	}
}