html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-page {
	background: #f6f8fc
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-crumb {
	margin: 0 0 18px;
	color: #64748b;
	font-size: 13px
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-crumb a {
	color: #475569;
	font-weight: 600
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-crumb span {
	color: #94a3b8
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero {
	grid-template-columns: 280px minmax(0,1fr) auto;
	gap: 26px;
	align-items: center;
	min-height: 214px;
	margin-bottom: 18px;
	padding: 18px 28px 18px 18px;
	border: 1px solid #dbe3ee;
	border-radius: 14px;
	background-color: #fff;
	background-position: center right;
	box-shadow: none
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero:before {
	background: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.95) 36%,rgba(255,255,255,.75) 66%,rgba(255,255,255,.22) 100%);
	backdrop-filter: none
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__cover {
	width: 280px;
	min-height: 176px;
	aspect-ratio: 4/2.6;
	border: 1px solid #dbe3ee;
	border-radius: 12px;
	box-shadow: none
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__main {
	align-self: center
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__title {
	gap: 12px;
	flex-wrap: nowrap
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__title h1 {
	color: #0f172a;
	font-size: 32px;
	line-height: 1.18;
	font-weight: 900;
	white-space: nowrap
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__title > a {
	height: 36px;
	padding: 0 15px;
	border-radius: 10px;
	background: linear-gradient(135deg,#3b82f6,#2563eb);
	color: #fff;
	box-shadow: none;
	white-space: nowrap
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__meta {
	gap: 14px;
	margin: 14px 0 10px;
	color: #64748b;
	font-size: 13px
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-owner {
	color: #334155;
	font-weight: 600
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-owner .pcgh-community-avatar,
html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-owner .pcgh-community-avatar img {
	width: 28px;
	height: 28px
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__main p {
	max-width: 720px;
	color: #475569;
	font-size: 14px;
	line-height: 1.7
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__stats {
	gap: 30px;
	margin-top: 16px
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__stats strong {
	color: #0f172a;
	font-size: 24px;
	line-height: 1.1;
	font-weight: 800
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__stats em {
	margin-top: 3px;
	color: #64748b;
	font-size: 13px
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-share {
	align-self: end;
	padding: 12px 16px;
	border: 1px solid #e2e8f0;
	border-radius: 10px;
	background: #fff;
	color: #334155;
	box-shadow: none;
	white-space: nowrap
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-share:hover,
html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-share:focus-visible {
	border-color: rgba(37,99,235,.28);
	background: #eff6ff;
	color: #2563eb
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-share .pcgh-community-icon,
html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-share .ti.pcgh-community-icon {
	font-size: 1.25em
}

@media (max-width: 980px) {
	html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero {
		grid-template-columns: 220px minmax(0,1fr);
		padding: 18px
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__cover {
		width: 220px;
		min-height: 146px
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-share {
		grid-column: 2;
		justify-self: start;
		align-self: start
	}
}

@media (max-width: 720px) {
	html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 14px;
		background-position: center
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero:before {
		background: rgba(255,255,255,.9)
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__cover {
		width: 100%;
		min-height: 0;
		aspect-ratio: 16/9
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__title {
		flex-wrap: wrap
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__title h1 {
		white-space: normal;
		font-size: 28px
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-hero__stats {
		gap: 20px
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-topic-share {
		grid-column: auto;
		justify-self: start
	}
}
