@media (min-width: 768px) {
	.blog-related.blog-cards {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.blog-related.blog-cards::-webkit-scrollbar {
		display: none;
	}

	.blog-related .blog-card {
		flex: 0 0 310px;
	}

	/* Auto margins center one or two cards and collapse when they overflow. */
	.blog-related > .blog-card:first-child:nth-last-child(-n + 2) {
		margin-inline-start: auto;
	}

	.blog-related > .blog-card:last-child:nth-child(-n + 2) {
		margin-inline-end: auto;
	}
}

@media (min-width: 768px) {
	.blog-related.is-draggable,
	.blog-related.is-draggable .blog-card {
		cursor: grab;
		user-select: none;
		-webkit-user-select: none;
	}

	.blog-related.is-dragging,
	.blog-related.is-dragging .blog-card {
		cursor: grabbing;
		scroll-behavior: auto;
	}
}