.pcgh-single .pcgh-ghero__title {
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 34px;
	letter-spacing: -.3px
}

html[data-pcgh-theme-resolved="light"] .pcgh-single .pcgh-ghero__main,
.pcgh-single .pcgh-ghero__main {
	min-width: 0;
	max-width: 100%
}

html[data-pcgh-theme-resolved="light"] .pcgh-single .pcgh-ghero__title {
	display: block;
	width: calc(100% + 320px);
	max-width: calc(100% + 320px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 34px;
	letter-spacing: -.3px
}

.pcgh-single .pcgh-ghero__body {
	grid-template-columns: 320px minmax(0,1fr);
	gap: 28px;
	align-items: stretch
}

.pcgh-single .pcgh-ghero__cover {
	width: 100%;
	height: 100%;
	min-height: 0;
	aspect-ratio: auto;
	align-self: stretch
}

html[data-pcgh-theme-resolved="light"] .pcgh-single .pcgh-ghero__body {
	grid-template-columns: 320px minmax(0,1fr);
	gap: 28px;
	align-items: stretch
}

html[data-pcgh-theme-resolved="light"] .pcgh-single .pcgh-ghero__cover {
	height: 100%;
	min-height: 0;
	aspect-ratio: auto;
	align-self: stretch
}

@media (min-width: 821px) {
	.pcgh-single .pcgh-ghero__cover {
		min-height: 0
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-single .pcgh-ghero__cover {
		min-height: 0
	}
}

@media (max-width: 1180px) {
	.pcgh-single .pcgh-ghero__body,
	html[data-pcgh-theme-resolved="light"] .pcgh-single .pcgh-ghero__body {
		grid-template-columns: 260px minmax(0,1fr);
		gap: 20px
	}

	.pcgh-single .pcgh-ghero__title,
	html[data-pcgh-theme-resolved="light"] .pcgh-single .pcgh-ghero__title {
		width: 100%;
		max-width: 100%;
		font-size: 28px
	}
}

@media (max-width: 820px) {
	.pcgh-single .pcgh-ghero__body,
	html[data-pcgh-theme-resolved="light"] .pcgh-single .pcgh-ghero__body {
		grid-template-columns: 1fr;
		gap: 14px;
		align-items: start
	}

	.pcgh-single .pcgh-ghero__cover,
	html[data-pcgh-theme-resolved="light"] .pcgh-single .pcgh-ghero__cover {
		height: auto;
		min-height: 0;
		aspect-ratio: 4/2;
		align-self: auto
	}

	.pcgh-single .pcgh-ghero__title,
	html[data-pcgh-theme-resolved="light"] .pcgh-single .pcgh-ghero__title {
		width: 100%;
		max-width: 100%;
		font-size: 22px
	}
}
