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


html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero__content {
	max-width: 620px
}


html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-publish:hover,
html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-publish:focus-visible {
	background: linear-gradient(135deg,#2563eb,#1d4ed8);
	color: #fff
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-channels {
	border-color: #dbe3ee;
	background: #fff;
	box-shadow: none
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-channels a {
	color: #475569
}

html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-channels a:hover,
html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-channels a.is-active {
	background: linear-gradient(135deg,#3b82f6,#2563eb);
	color: #fff
}

@media (max-width: 720px) {
	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero {
		padding: 16px;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero__inner {
		display: flex;
		flex-direction: column;
		gap: 14px;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero__left {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero__left h1 {
		font-size: 18px;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero__left > p {
		font-size: 12px;
		color: #64748b;
		margin: 0;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero__stats {
		display: flex;
		gap: 16px;
		margin-top: 4px;
		padding: 12px 14px;
		background: rgba(59, 130, 246, 0.1);
		border-radius: 12px;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero__stats span {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 6px;
		flex: 1;
		justify-content: center;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero__stats strong {
		font-size: 16px;
		color: #1e40af;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero__stats em {
		font-size: 10px;
		color: #64748b;
		white-space: nowrap;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero__cards {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
		width: 100%;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero-card {
		padding: 14px 10px;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 8px;
		background: #fff;
		border-color: #e5e7eb;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero-card__icon {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: rgba(59, 130, 246, 0.1);
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero-card__icon .pcgh-community-icon {
		width: 40px;
		height: 40px;
		color: #3b82f6;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero-card > strong {
		font-size: 13px;
		color: #1e293b;
		text-align: center;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-hero-card__btn {
		width: 100%;
		padding: 8px 10px;
		font-size: 12px;
	}

	html[data-pcgh-theme-resolved="light"] .pcgh-community-index .pcgh-community-publish {
		right: auto;
		bottom: auto
	}
}