/* =========================================================================
   Review / guide templates — single-game_review.php, archive-game_review.php
   ====================================================================== */

.review-hero { padding-block: clamp(20px, 3vw, 36px) clamp(24px, 4vw, 40px); }

.review-hero__inner {
	display: grid;
	gap: 28px;
	align-items: center;
}

@media (min-width: 900px) {
	.review-hero__inner { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 40px; }
}

.review-hero__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
	font-size: 13px;
	color: var(--text-3);
}

.review-hero__dot { color: var(--line-strong); }

.review-hero__title { margin-bottom: 14px; }

.review-hero__subtitle {
	max-width: 62ch;
	font-size: 17px;
	line-height: 1.6;
	color: var(--text-3);
}

.review-hero__score {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 20px;
}

.review-hero__score strong {
	font-family: var(--font-display);
	font-style: italic;
	font-weight: 900;
	font-size: 30px;
	line-height: 1;
	color: var(--gold);
}

.review-hero__media img {
	width: 100%;
	border-radius: var(--r-card);
	box-shadow: var(--shadow);
}

.review-main > .panel:last-of-type { margin-bottom: 0; }

.review-body { margin-bottom: 28px; }

/* Long-form readability: slightly wider measure than the default rich-text. */
.review-body { font-size: 17px; }
.review-body p { max-width: 74ch; }

.verdict {
	background:
		radial-gradient(400px 200px at 100% 0%, rgba(243, 187, 65, .12), transparent 70%),
		var(--surface);
	border-color: rgba(243, 187, 65, .3);
}

.review-archive .archive-hero__title { max-width: 26ch; }

@media (min-width: 900px) {
	.review-archive .archive-hero__title { max-width: none; }
}