/* Keep the heading, controls and first review card on the same responsive grid line. */
.reviews-section {
	--reviews-gutter: calc((100vw - var(--container)) / 2);
}

.reviews-heading {
	width: var(--container);
	margin-right: auto;
	margin-left: auto;
}

.reviews-track {
	width: calc(100vw - var(--reviews-gutter));
	margin-left: var(--reviews-gutter);
	padding-right: var(--reviews-gutter);
}

.review-card__body {
	padding: 20px 30px 30px;
}

@media (max-width: 700px) {
	.review-card__body {
		padding: 16px 20px 20px;
	}
}