/* Feed reuses board stream classes from vibecrew board skin;
   keep only widget-specific extras here. */

.vc-feed .gh-title {
	overflow: hidden;
	margin: 0 0 10px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.03em;
}

.vc-feed .gh-info-box {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin: 0 0 14px;
	padding: 9px 12px;
	border: 1px solid #d6d8db;
	border-radius: 4px;
	background: #f8f8f8;
	color: #61676c;
	font-size: 13px;
	line-height: 1.5;
}

.vc-feed .gh-info-box p {
	margin: 0;
}

body.color_scheme_dark .vc-feed .gh-info-box {
	background: #2b2d30;
	border-color: #44474b;
	color: #a6abaf;
}

.vc-feed .vc-feed-quick-nav {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 18px;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.vc-feed .vc-feed-quick-nav::-webkit-scrollbar {
	display: none;
}

.vc-feed .vc-feed-quick-nav a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 36px;
	padding: 0 14px;
	border: 1px solid var(--vc-border, #d6d8db);
	border-radius: 18px;
	background: var(--vc-surface, #fff);
	color: var(--vc-text-muted, #61676c);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
}

.vc-feed .vc-feed-quick-nav a:hover,
.vc-feed .vc-feed-quick-nav a:focus-visible,
.vc-feed .vc-feed-quick-nav a.is-active {
	border-color: var(--vc-brand, #d6b23f);
	background: var(--vc-brand-soft, #fff9e8);
	color: var(--vc-accent, #806400);
}

.vc-feed .vc-feed-section-title {
	margin: 0 0 8px;
	color: var(--vc-text, #101011);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.02em;
}

body.color_scheme_dark .vc-feed .vc-feed-section-title {
	color: #e9eaec;
}

.vc-feed .gh-board-list-item .module-title,
.vc-feed .gh-board-list-item .module-title a,
body.color_scheme_dark .vc-feed .gh-board-list-item .module-title,
body.color_scheme_dark .vc-feed .gh-board-list-item .module-title a {
	color: var(--vc-accent, #9a7800);
}

.vc-feed .title .replyNum {
	margin-left: 6px;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	color: #1976d2;
}

body.color_scheme_dark .vc-feed .title .replyNum {
	color: #4e9cea;
}

.vc-feed-empty {
	padding: 48px 0;
	text-align: center;
	color: #969ca1;
	font-size: 15px;
}

@media (max-width: 899px) {
	.vc-feed .gh-title {
		font-size: 24px;
		line-height: 1.35;
	}

	.vc-feed .gh-title .write {
		margin-bottom: 8px;
	}

	.vc-feed .gh-info-box {
		margin-bottom: 12px;
		padding: 8px 10px;
		font-size: 12.5px;
	}

	.vc-feed .vc-feed-quick-nav {
		width: calc(100% + 20px);
		margin-right: -20px;
		margin-bottom: 14px;
		padding-right: 20px;
	}

	.vc-feed .vc-feed-quick-nav a {
		min-height: 34px;
		padding: 0 13px;
	}

	main .vc-feed > .vc-mobile-notice {
		margin: 0 0 14px;
	}

	main .vc-feed > .vc-mobile-notice .sidebar-section--notice {
		display: flex;
		align-items: center;
		gap: 10px;
		min-width: 0;
		padding: 9px 11px;
	}

	main .vc-feed > .vc-mobile-notice .vc-sidebar-heading {
		flex: 0 0 auto;
		margin: 0;
	}

	main .vc-feed > .vc-mobile-notice .vc-sidebar-heading h2 {
		margin: 0;
		font-size: 13px;
		white-space: nowrap;
	}

	main .vc-feed > .vc-mobile-notice .vc-sidebar-heading > a,
	main .vc-feed > .vc-mobile-notice .vc-notice-date,
	main .vc-feed > .vc-mobile-notice .vc-notices-widget li:nth-child(n + 2) {
		display: none;
	}

	main .vc-feed > .vc-mobile-notice .vc-notices-widget {
		flex: 1 1 auto;
		min-width: 0;
	}

	main .vc-feed > .vc-mobile-notice .vc-notices-widget li {
		min-width: 0;
		font-size: 13px;
		line-height: 1.4;
	}

	main .vc-feed > .vc-mobile-notice .vc-notices-widget a {
		display: block;
		min-width: 0;
	}

	.vc-feed > .vc-mobile-popular {
		margin: 18px 0 0;
	}

	.vc-feed > .vc-mobile-popular .sidebar-section--popular {
		margin-bottom: 0;
	}
}