.tc-reviews {
	background: var(--wp--preset--color--surface);
}

.tc-review-summary {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--lg);
	margin-top: var(--wp--preset--spacing--6xl);
	padding: var(--wp--preset--spacing--lg);
	border-radius: var(--wp--custom--radius--xs);
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

.tc-review-summary p {
	color: var(--wp--preset--color--accent);
	font-size: var(--wp--preset--font-size--meta);
	font-weight: var(--wp--custom--font-weight--bold);
}

.tc-review-summary h3 {
	margin-top: var(--wp--preset--spacing--2xs);
	font-size: var(--wp--preset--font-size--subheading);
	line-height: var(--wp--custom--line-height--base);
}

.tc-review-summary a {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--layout--touch-target);
	color: var(--wp--preset--color--surface-card);
	font-weight: var(--wp--custom--font-weight--bold);
}

.tc-review-keywords {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--2xs);
	margin-top: var(--wp--preset--spacing--lg);
}

.tc-review-keywords span {
	display: inline-flex;
	align-items: center;
	min-height: var(--wp--custom--layout--touch-target);
	padding-inline: var(--wp--preset--spacing--xs);
	border: var(--wp--custom--border-width--hairline) solid var(--wp--preset--color--primary-content);
	border-radius: var(--wp--custom--radius--button);
	color: var(--wp--preset--color--primary-content);
	font-size: var(--wp--preset--font-size--meta);
	font-weight: var(--wp--custom--font-weight--bold);
}

.tc-review-grid {
	display: grid;
	/* TODO: Figma에 없음 — 임의값: 리뷰 자동 줄바꿈 최소 폭 300px. */
	grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--wp--custom--layout--review-min)), 1fr));
	gap: var(--wp--preset--spacing--4xl);
	margin-top: var(--wp--preset--spacing--4xl);
}

.tc-review-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--lg);
	min-height: calc(var(--wp--preset--spacing--10xl) * 2);
	padding: var(--wp--preset--spacing--lg);
	border: var(--wp--custom--border-width--hairline) solid var(--wp--preset--color--border);
	border-radius: var(--wp--custom--radius--md);
	background: var(--wp--preset--color--surface-card);
}

.tc-review-source,
.tc-review-meta {
	color: var(--wp--preset--color--text-soft);
	font-size: var(--wp--preset--font-size--meta);
}

.tc-review-card blockquote {
	color: var(--wp--preset--color--text);
	font-size: var(--wp--preset--font-size--link);
	font-weight: var(--wp--custom--font-weight--bold);
	line-height: var(--wp--custom--line-height--base);
}

/* TODO: Figma에 없음 — 임의값: 768px부터 리뷰 요약을 가로로 배치한다. */
@media (min-width: 768px) {
	.tc-review-summary {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding-inline: var(--wp--preset--spacing--4xl);
	}
}