/*
 * Related Articles — same look as Surgeon's Insights: a centred heading at the
 * template's section-heading size (global h2 plus --gvid-ofdswtlbap), above the
 * theme's related-posts card row (.ns-blog-grid--related in
 * themes/north-shore/style.css).
 */

.et_pb_module.nscs-related-articles {
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
}

.nscs-related-articles__title {
	margin: 0;
	padding-bottom: 0;
	font-size: var(--gvid-ofdswtlbap, clamp(2.4rem, 2.05vw + 1.32rem, 3.059rem));
	text-align: center;
}

.nscs-related-articles .ns-blog-grid {
	margin-bottom: 0;
}

/*
 * The theme's row is a fixed 3-column grid, which leaves 1–2 cards
 * left-aligned. Use a centred flex row instead, with each card still a third
 * of the row (3 columns, 2 × 2rem gaps). Below 769px the theme stacks them.
 */
@media (min-width: 769px) {
	.nscs-related-articles .ns-blog-grid--related {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.nscs-related-articles .ns-blog-grid--related > .ns-blog-grid__card {
		flex: 0 0 calc((100% - 4rem) / 3);
		min-width: 0;
	}
}

.nscs-related-articles__empty {
	text-align: center;
}