/*
 * reviews.css — the Reviews On My Website embed.
 *
 * Not a Figma section: the widget renders its own markup, so this only gives
 * it the site's column and the band of space around it. Anything beyond that
 * would be styling markup the vendor can change under us at any time.
 */

.reviews {
	background: var(--surface-deep);
	color: var(--ink);
}

/* The homepage's own instance — no fill, sits directly on the page
   background between Addictions and Detox instead of a dark band. */
.reviews.isPlain {
	background: var(--surface-frame);
	padding-bottom: 30px;
}

.reviewsInner {
	width: min(100% - (var(--gutter) * 2), var(--container));
	margin-inline: auto;
	padding-block: 40px;
}