/**
 * NovaSpark Related Posts CSS
 *
 * @package NovaSparkRelated
 */

.ns-related-posts-section {
	margin-block: var(--ns-space-12, 3rem);
	padding-top: var(--ns-space-8, 2rem);
	border-top: 1px solid var(--ns-border, #e5e5e5);
}

.ns-related-title {
	font-size: var(--ns-text-xl, 1.25rem);
	font-weight: 700;
	margin-bottom: var(--ns-space-6, 1.5rem);
}

/*
 * The grid itself had no rules, so related posts stacked in a single column
 * regardless of how many were configured. Auto-fit keeps them readable whether
 * the article has a sidebar or not.
 */
.ns-related-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: var(--ns-gap, 1.75rem);
}

.ns-related-grid > * {
	min-width: 0;
}