/* Published Review Overview panel. */
.awp-review-overview {
	--awp-review-bg: #090d0f;
	--awp-review-panel: #0d1316;
	--awp-review-line: rgba(170, 191, 185, 0.18);
	--awp-review-text: #eef4ef;
	--awp-review-muted: #aab4af;
	--awp-review-green: #69c77a;
	--awp-review-red: #ef675f;
	--awp-review-gold: #d7b15d;
	--awp-review-score-accent: var(--awp-review-green);
	--awp-review-space-xs: clamp(0.4rem, 0.8vw, 0.65rem);
	--awp-review-space-sm: clamp(0.65rem, 1.2vw, 0.9rem);
	--awp-review-space-md: clamp(0.9rem, 1.7vw, 1.2rem);
	position: relative;
	container-type: inline-size;
	width: 100%;
	max-width: 1040px;
	margin: clamp(2rem, 5vw, 4rem) auto;
	padding: var(--awp-review-space-md);
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(105, 199, 122, 0.1), transparent 32%),
		linear-gradient(180deg, #10181b 0%, var(--awp-review-bg) 100%);
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 1.75rem 3rem rgba(0, 0, 0, 0.26);
	color: var(--awp-review-text);
}

.awp-review-overview,
.awp-review-overview * {
	box-sizing: border-box;
}

.awp-review-overview::before {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: radial-gradient(circle at 80% 10%, rgba(105, 199, 122, 0.11), transparent 34%);
	content: "";
}

.awp-review-overview__toc-heading {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
	white-space: nowrap;
}

.awp-review-overview__layout {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	gap: var(--awp-review-space-sm) var(--awp-review-space-md);
}

.awp-review-overview__media {
	min-width: 0;
	align-self: start;
	padding-top: var(--awp-review-space-xs);
}

.awp-review-overview__image,
.awp-review-overview__placeholder {
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	background:
		linear-gradient(135deg, rgba(105, 199, 122, 0.16), transparent 44%),
		linear-gradient(180deg, #1b2528 0%, #080b0d 100%);
	border: 1px dashed rgba(238, 244, 239, 0.24);
}

.awp-review-overview__image {
	border-style: solid;
	filter: saturate(0.9) contrast(1.05);
}

.awp-review-overview__placeholder {
	display: grid;
	place-items: center;
	color: rgba(238, 244, 239, 0.68);
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.awp-review-overview__content {
	display: grid;
	gap: var(--awp-review-space-xs);
	align-content: start;
	min-width: 0;
}

.awp-review-overview__title {
	justify-self: center;
	margin: 0 auto;
	width: 100%;
	max-width: min(100%, 18ch);
	padding-inline: var(--awp-review-space-xs);
	color: var(--awp-review-text);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2.15rem, 6.4cqw, 3.75rem);
	font-weight: 700;
	line-height: 0.98;
	letter-spacing: 0;
	overflow-wrap: break-word;
	text-align: center;
	text-wrap: balance;
	text-transform: uppercase;
}

.awp-review-overview--title-long .awp-review-overview__title {
	max-width: min(100%, 22ch);
	font-size: clamp(1.65rem, 4.8cqw, 2.7rem);
	line-height: 1.04;
}

.awp-review-overview--title-very-long .awp-review-overview__title {
	max-width: min(100%, 26ch);
	font-size: clamp(1.3rem, 3.8cqw, 2.15rem);
	line-height: 1.08;
	overflow-wrap: anywhere;
}

.awp-review-overview__title::after {
	display: block;
	width: 2rem;
	height: 2px;
	margin: 0.35rem auto 0;
	background: var(--awp-review-green);
	content: "";
}

.awp-review-overview__verdict {
	display: grid;
	grid-template-columns: minmax(11rem, auto) minmax(0, 1fr);
	gap: var(--awp-review-space-sm) var(--awp-review-space-md);
	align-items: center;
	margin-top: 0;
}

.awp-review-overview__score-wrap {
	--awp-review-score-accent: var(--awp-review-green);
	position: relative;
	display: grid;
	justify-self: center;
	width: clamp(10.5rem, 18cqw, 13rem);
	aspect-ratio: 1;
	place-items: center;
	align-content: center;
	background:
		conic-gradient(var(--awp-review-score-accent) var(--awp-review-score-percent), rgba(238, 244, 239, 0.12) 0),
		radial-gradient(circle, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
	border-radius: 50%;
	box-shadow: 0 0 2rem rgba(105, 199, 122, 0.14);
}

.awp-review-overview__score-wrap::before {
	position: absolute;
	inset: 0.55rem;
	background: linear-gradient(180deg, #10191b 0%, #080c0e 100%);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: inherit;
	content: "";
}

.awp-review-overview__score-wrap--red {
	--awp-review-score-accent: var(--awp-review-red);
}

.awp-review-overview__score-wrap--green {
	--awp-review-score-accent: var(--awp-review-green);
}

.awp-review-overview__score-wrap--gold {
	--awp-review-score-accent: var(--awp-review-gold);
}

.awp-review-overview__score {
	position: relative;
	z-index: 1;
	color: var(--awp-review-score-accent);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(4.75rem, 10cqw, 7.15rem);
	font-weight: 700;
	line-height: 0.82;
	text-align: center;
}

.awp-review-overview__summary-wrap {
	padding-left: var(--awp-review-space-sm);
	border-left: 1px solid rgba(105, 199, 122, 0.36);
}

.awp-review-overview__label {
	position: relative;
	z-index: 1;
	margin-top: 0.3rem;
	color: var(--awp-review-score-accent);
	font-size: 0.78rem;
	font-weight: 850;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
}

.awp-review-overview__label--inline {
	margin: 0 0 0.55rem;
	text-align: left;
}

.awp-review-overview__summary,
.awp-review-overview__summary p {
	margin: 0;
	color: rgba(238, 244, 239, 0.82);
	font-size: clamp(0.98rem, 1.45vw, 1.12rem);
	line-height: 1.5;
}

.awp-review-overview__meta {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(auto-fit, minmax(7rem, 1fr));
	gap: var(--awp-review-space-sm);
	margin: 0;
	padding: var(--awp-review-space-xs) 0 0;
	border-top: 1px solid var(--awp-review-line);
}

.awp-review-overview__meta-item {
	min-width: 0;
	padding-right: 1rem;
	border-right: 1px solid var(--awp-review-line);
}

.awp-review-overview__meta-item:last-child {
	border-right: 0;
}

.awp-review-overview__meta dt {
	margin: 0 0 0.4rem;
	color: var(--awp-review-green);
	font-size: 0.72rem;
	font-weight: 850;
	line-height: 1.1;
	letter-spacing: 0;
	text-transform: uppercase;
}

.awp-review-overview__meta dd {
	margin: 0;
	color: rgba(238, 244, 239, 0.84);
	font-size: 0.9rem;
	line-height: 1.35;
}

.awp-review-overview__breakdown {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--awp-review-space-sm);
	align-items: start;
	padding-top: var(--awp-review-space-xs);
	border-top: 1px solid var(--awp-review-line);
}

.awp-review-overview__list {
	min-width: 0;
	overflow-wrap: break-word;
}

.awp-review-overview__list-title,
.awp-review-overview__list h3 {
	display: flex;
	align-items: center;
	gap: 0.8rem;
	margin: 0 0 var(--awp-review-space-xs);
	font-size: 0.9rem;
	font-weight: 850;
	letter-spacing: 0;
	text-transform: uppercase;
}

.awp-review-overview__list-title span,
.awp-review-overview__list h3 span {
	display: grid;
	width: 2.1rem;
	height: 2.1rem;
	place-items: center;
	border: 1px solid currentColor;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1;
}

.awp-review-overview__list--pros .awp-review-overview__list-title,
.awp-review-overview__list--pros h3 {
	color: var(--awp-review-green);
}

.awp-review-overview__list--cons .awp-review-overview__list-title,
.awp-review-overview__list--cons h3 {
	color: var(--awp-review-red);
}

.awp-review-overview__list--cons {
	padding-left: var(--awp-review-space-sm);
	border-left: 1px solid var(--awp-review-line);
}

.awp-review-overview__list ul {
	display: grid;
	gap: 0.7rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.awp-review-overview__list li {
	position: relative;
	padding-left: 1.35rem;
	color: rgba(238, 244, 239, 0.84);
	line-height: 1.5;
}

.awp-review-overview__list li::before {
	position: absolute;
	top: 0.62em;
	left: 0;
	width: 0.35rem;
	height: 0.35rem;
	background: currentColor;
	content: "";
}

.awp-review-overview__list--pros li::before {
	color: var(--awp-review-green);
}

.awp-review-overview__list--cons li::before {
	color: var(--awp-review-red);
}

@media (max-width: 980px) {
	.awp-review-overview__layout {
		grid-template-columns: 1fr;
	}

	.awp-review-overview__title {
		max-width: 100%;
	}

	.awp-review-overview__meta {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.awp-review-overview {
		padding: var(--awp-review-space-sm);
	}

	.awp-review-overview__layout,
	.awp-review-overview__content,
	.awp-review-overview__verdict {
		gap: var(--awp-review-space-xs);
	}

	.awp-review-overview__verdict {
		grid-template-columns: 1fr;
	}

	.awp-review-overview__score-wrap {
		width: clamp(9.75rem, 42vw, 11.5rem);
		transform: translateY(-0.25rem);
	}

	.awp-review-overview__summary-wrap {
		padding-top: var(--awp-review-space-sm);
		padding-left: 0;
		border-top: 1px solid rgba(105, 199, 122, 0.36);
		border-left: 0;
	}

	.awp-review-overview__meta {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

@container (max-width: 760px) {
	.awp-review-overview__layout,
	.awp-review-overview__verdict {
		grid-template-columns: 1fr;
	}

	.awp-review-overview__layout,
	.awp-review-overview__content,
	.awp-review-overview__verdict {
		gap: var(--awp-review-space-xs);
	}

	.awp-review-overview__media {
		align-self: start;
		padding-top: 0;
	}

	.awp-review-overview__score-wrap {
		transform: translateY(-0.25rem);
	}

	.awp-review-overview__image,
	.awp-review-overview__placeholder {
		aspect-ratio: 16 / 9;
	}

	.awp-review-overview__summary-wrap {
		padding-top: var(--awp-review-space-sm);
		padding-left: 0;
		border-top: 1px solid rgba(105, 199, 122, 0.36);
		border-left: 0;
	}

	.awp-review-overview__meta {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

@container (max-width: 460px) {
	.awp-review-overview__title {
		max-width: min(100%, 18ch);
		font-size: clamp(1.8rem, 9.5cqw, 2.6rem);
	}

	.awp-review-overview--title-long .awp-review-overview__title,
	.awp-review-overview--title-very-long .awp-review-overview__title {
		max-width: min(100%, 24ch);
		font-size: clamp(1.25rem, 7.2cqw, 1.85rem);
	}

	.awp-review-overview__score-wrap {
		width: min(10rem, 64cqw);
	}

	.awp-review-overview__summary,
	.awp-review-overview__summary p {
		font-size: 0.96rem;
		line-height: 1.55;
	}

	.awp-review-overview__meta {
		grid-template-columns: 1fr;
	}

	.awp-review-overview__meta-item {
		padding: 0 0 0.85rem;
		border-right: 0;
		border-bottom: 1px solid var(--awp-review-line);
	}
}

@container (max-width: 430px) {
	.awp-review-overview__breakdown {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.awp-review-overview__list--cons {
		padding-top: var(--awp-review-space-sm);
		padding-left: 0;
		border-top: 1px solid var(--awp-review-line);
		border-left: 0;
	}
}

@media (max-width: 480px) {
	.awp-review-overview__meta {
		grid-template-columns: 1fr;
	}

	.awp-review-overview__meta-item {
		padding: 0 0 0.85rem;
		border-right: 0;
		border-bottom: 1px solid var(--awp-review-line);
	}
}

@media (max-width: 430px) {
	.awp-review-overview__breakdown {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.awp-review-overview__list--cons {
		padding-top: var(--awp-review-space-sm);
		padding-left: 0;
		border-top: 1px solid var(--awp-review-line);
		border-left: 0;
	}
}