/* Grade House Reviews — Google reviews on paper cards, six shown, the rest
 * behind "Show more reviews". */

.gh .rev__list { columns: 3 300px; column-gap: 20px; margin: 0; padding: 0; list-style: none; }
.gh .rev__list.rev__list--two { columns: 2 340px; }
.gh .rev__card { break-inside: avoid; display: grid; gap: 16px; margin: 0 0 20px; padding: 28px 26px 24px; background: var(--gh-paper); border: 1px solid var(--gh-line); border-radius: 2px; }
.gh.reviews.tone-card .rev__card { border-color: var(--gh-card-line); }
.gh.reviews.tone-ink .rev__card { background: #23262A; border-color: rgba(255, 255, 255, .12); }

.gh .rev__stars { display: flex; gap: 3px; color: var(--gh-blue); }
.gh .rev__stars .ic { width: 16px; height: 16px; fill: currentColor; stroke: none; }
.gh .rev__q { margin: 0; font: 400 17px/1.6 var(--gh-sans); color: var(--gh-ink); }
.gh .rev__q p { margin: 0; }
.gh .rev__by { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; padding-top: 14px; border-top: 1px solid var(--gh-line); font-size: 15px; }
.gh .rev__name { font-weight: 600; color: var(--gh-ink); }
.gh .rev__src { display: inline-flex; align-items: center; gap: 7px; color: var(--gh-muted); font-size: 14px; }
.gh .rev__g { width: 15px; height: 15px; flex: none; }
.gh.reviews.tone-ink .rev__q, .gh.reviews.tone-ink .rev__name { color: #fff; }
.gh.reviews.tone-ink .rev__by { border-top-color: rgba(255, 255, 255, .12); }
.gh.reviews.tone-ink .rev__src { color: #A9ACB2; }

/* show more */
.gh .rev__more > summary { list-style: none; margin: 8px auto 0; width: max-content; max-width: 100%; display: flex; }
.gh .rev__more > summary::-webkit-details-marker { display: none; }
.gh .rev__more[open] > summary { display: none; }
.gh .rev__link { margin-top: 28px; text-align: center; }

@media (max-width: 767px) {
	.gh .rev__card { padding: 22px 20px 20px; }
	.gh .rev__q { font-size: 16px; }
}