/**
 * MF Carousel — Shadow DOM styles
 * Loaded via styleResourceCodes into the component's shadow root.
 */

/* ============================================================
   Slide content area — synced height via data-sync-heights
   ============================================================ */
.mf-carousel-slide__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 10px;
	text-align: inherit;
}

/* ============================================================
   Slide heading
   ============================================================ */
.mf-carousel-slide__heading {
	display: block;
	margin: 0 0 0.25em;
}

/* ============================================================
   Slide description
   ============================================================ */
.mf-carousel-slide__description {
	display: block;
	margin: 0 0 0.4em;
}

/* ============================================================
   Slide button — tight spacing, matching legacy margin-top:-2%
   ============================================================ */
.mf-carousel-slide__button {
	display: block;
	margin-top: 0;
}