/**
 * Customer Stories Feed Styles
 *
 * Layout-specific styles for customer story feeds.
 * Card styling is now handled by the unified cards component.
 *
 * @package Hyperlocology
 * @since 1.0.0
 */

/* Customer Stories Feed Container */
.customer-stories-grid {
	display: grid;
	gap: var(--wp--preset--spacing--lg);
	margin-bottom: var(--wp--preset--spacing--lg);

	@media (--min-large) {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	}

	& > * {
		margin-top: 0;
	}
}

/* Grid variants using unified card grid styles */
.customer-stories-grid--3-cols {
	grid-template-columns: repeat(3, 1fr);
}

.customer-stories-grid--2-cols {
	grid-template-columns: repeat(2, 1fr);
}

.customer-stories-grid--1-col {
	grid-template-columns: 1fr;
}