/**
 * [review_platform_summary] — Thai Tae–aligned tokens (see carousel.css :root pattern).
 */
:root {
	--tt-bg-soft: var(--thai-tae-hero-bg, #f8f6f3);
	--tt-bg: var(--thai-tae-body-bg, #fff);
	--tt-text: var(--thai-tae-body-text, #333);
	--tt-muted: var(--thai-tae-muted, #666);
	--tt-accent: var(--thai-tae-accent, #c45c26);
	--tt-border: var(--thai-tae-border, #e0ddd8);
}

.review-platform-summary {
	color: var(--tt-text);
	font-family: var(--thai-tae-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
	font-size: var(--thai-tae-font-size-sm, 0.875rem);
	line-height: var(--thai-tae-line-normal, 1.6);
}

.review-platform-summary__overall {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem;
	margin-bottom: var(--thai-tae-space-sm, 0.75rem);
}

.review-platform-summary__overall-primary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 0.5rem;
	font-weight: 600;
	line-height: 1.3;
}

.review-platform-summary__overall-star {
	font-size: 1.15em;
	line-height: 1;
}

.review-platform-summary__overall-rating {
	display: inline-flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.review-platform-summary__overall-value {
	color: var(--tt-accent);
	font-size: 1.25em;
	font-weight: 700;
}

.review-platform-summary__overall-outof {
	color: var(--tt-text);
	font-weight: 500;
	font-size: 0.95em;
}

.review-platform-summary__overall-meta {
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: 400;
	color: var(--tt-muted);
	line-height: 1.4;
}

.review-platform-summary__overall-placeholder {
	color: var(--tt-muted);
}

.review-platform-summary__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 1rem;
}

.review-platform-summary__item {
	display: inline-flex;
	align-items: baseline;
	gap: 0.35rem;
	flex-wrap: wrap;
}

.review-platform-summary__platform {
	color: var(--tt-muted);
	font-weight: 500;
}

.review-platform-summary__rating {
	color: var(--tt-text);
	font-weight: 600;
}

.review-platform-summary__count {
	color: var(--tt-muted);
	font-weight: 400;
	font-size: 0.95em;
}

.review-platform-summary__empty {
	color: var(--tt-muted);
}