/**
 * SnapWeb Community sidebar module.
 *
 * Kept separate from search/archive styles so it can be split into its own
 * extension without carrying unrelated FluentCommunity integration code.
 */

body.snapweb-community-sidebar-enabled {
	--snapweb-community-sidebar-page-bg: var(--fcom-secondary-bg, var(--el-bg-color-page, #f7f8fa));
	--snapweb-community-sidebar-bg: var(--fcom-card-bg, var(--fcom-primary-bg, var(--el-bg-color, #fff)));
	--snapweb-community-sidebar-soft-bg: var(--fcom-hover-bg, var(--fcom-active-bg, var(--fcom-secondary-bg, var(--el-fill-color-light, #f7f8fa))));
	--snapweb-community-sidebar-text: var(--fcom-primary-text, var(--el-text-color-primary, #111827));
	--snapweb-community-sidebar-muted: var(--fcom-secondary-text, var(--el-text-color-secondary, #6b7280));
	--snapweb-community-sidebar-border: var(--fcom-primary-border, var(--el-border-color-light, #dfe5ec));
	--snapweb-community-sidebar-radius: var(--fcom-border-radius, 8px);
	--snapweb-community-sidebar-widget-gap: 8px;
	--snapweb-community-sidebar-widget-pad: 10px;
	--snapweb-community-sidebar-widget-row-height: 38px;
	--snapweb-community-right-sidebar-width: 306px;
	--snapweb-community-page-gutter: clamp(32px, 3vw, 48px);
	--snapweb-community-right-sidebar-gutter: var(--snapweb-community-page-gutter);
	--snapweb-community-wrapper-content-gutter: var(--snapweb-community-page-gutter);
	--snapweb-community-left-sidebar-width: var(--snapweb-fcom-sidebar-current-width, var(--fcom-sidebar-width, 72px));
	--snapweb-community-native-content-width: 1080px;
	--snapweb-community-sidebar-transition: .28s cubic-bezier(.2, .8, .2, 1);
}

body.snapweb-community-sidebar-enabled.snapweb-context-fcom-native,
body.snapweb-community-sidebar-enabled.snapweb-fcom-native-shell,
body.snapweb-community-sidebar-enabled.snapweb-context-fcom-wrapper,
body.snapweb-community-sidebar-enabled.snapweb-has-fluentcommunity-wrapper {
	background: var(--snapweb-community-sidebar-page-bg) !important;
}

body.snapweb-community-sidebar-enabled.snapweb-context-fcom-native :where(.wp-site-blocks, .fcom_wrap, .fluent_com, .fhr_wrap, .fhr_content, .fhr_home, .feed_layout, .feeds_main),
body.snapweb-community-sidebar-enabled.snapweb-fcom-native-shell :where(.wp-site-blocks, .fcom_wrap, .fluent_com, .fhr_wrap, .fhr_content, .fhr_home, .feed_layout, .feeds_main),
body.snapweb-community-sidebar-enabled.snapweb-context-fcom-wrapper :where(.wp-site-blocks, .fcom_wrap, .fluent_com, .fhr_wrap, .fhr_content, .fhr_home, .feed_layout, .feeds_main),
body.snapweb-community-sidebar-enabled.snapweb-has-fluentcommunity-wrapper :where(.wp-site-blocks, .fcom_wrap, .fluent_com, .fhr_wrap, .fhr_content, .fhr_home, .feed_layout, .feeds_main) {
	margin-bottom: 0 !important;
}

body.snapweb-community-sidebar-enabled :where(footer.site-footer, .wp-block-template-part.site-footer):has(.snapweb-shell-footer[data-snapweb-fcom-footer]) {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

body.snapweb-community-sidebar-enabled .snapweb-shell-footer[data-snapweb-fcom-footer] {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

body.snapweb-community-left-nav-runtime .snapweb-fcom-compact-toggle {
	cursor: pointer !important;
	pointer-events: auto !important;
}

body:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-left-nav-runtime .snapweb-community-fcom-route-shell--embedded-nav > .snapweb-community-fcom-route-body > .feeds_main {
	margin-left: 0 !important;
}

body:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-sidebar-wrapper-home.snapweb-community-left-nav-runtime .feed_layout:has(> .spaces) > .feeds_main {
	margin-left: 0 !important;
}

body.snapweb-community-left-nav-runtime #fcom_sidebar_wrap::before,
body.snapweb-community-left-nav-runtime #fcom_sidebar_wrap::after {
	content: none !important;
	display: none !important;
}

body.snapweb-community-left-nav-suppressed :where(.feed_layout > .spaces, #fluent_community_sidebar_menu.space_contents, .spaces > .space_contents, .spaces #fcom_sidebar_wrap, #fcom_sidebar_wrap) {
	display: none !important;
}

body.snapweb-community-left-nav-suppressed :where(.feed_layout, .fhr_content_layout, .snapweb-community-fcom-route-shell) {
	--snapweb-community-left-sidebar-width: 0px !important;
	--snapweb-fcom-sidebar-current-width: 0px !important;
	--fcom-sidebar-width: 0px !important;
}

body.snapweb-community-left-nav-suppressed :where(.feed_layout > .feeds_main, .fhr_content_layout_header, .fhr_content_layout_body, .snapweb-community-wrapper-titlebar, .snapweb-community-wrapper-content) {
	margin-left: 0 !important;
	width: 100% !important;
	max-width: none !important;
}

body.snapweb-community-left-nav-native .snapweb-fcom-compact-toggle {
	display: none !important;
}

@media (min-width: 1025px) {
	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-expanded {
		--snapweb-fcom-sidebar-current-width: 280px !important;
		--fcom-sidebar-width: 280px !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact {
		--snapweb-fcom-sidebar-current-width: 72px !important;
		--fcom-sidebar-width: 72px !important;
	}

	body.snapweb-community-left-nav-runtime .feed_layout > .spaces,
	body.snapweb-community-left-nav-runtime .spaces,
	body.snapweb-community-left-nav-runtime #fluent_community_sidebar_menu.space_contents,
	body.snapweb-community-left-nav-runtime .spaces > .space_contents {
		flex: 0 0 var(--snapweb-fcom-sidebar-current-width, 280px) !important;
		flex-basis: var(--snapweb-fcom-sidebar-current-width, 280px) !important;
		inline-size: var(--snapweb-fcom-sidebar-current-width, 280px) !important;
		width: var(--snapweb-fcom-sidebar-current-width, 280px) !important;
		min-width: var(--snapweb-fcom-sidebar-current-width, 280px) !important;
		max-width: var(--snapweb-fcom-sidebar-current-width, 280px) !important;
		transition: inline-size var(--snapweb-community-sidebar-transition), width var(--snapweb-community-sidebar-transition), min-width var(--snapweb-community-sidebar-transition), max-width var(--snapweb-community-sidebar-transition), flex-basis var(--snapweb-community-sidebar-transition) !important;
	}

	body.snapweb-community-left-nav-runtime #fluent_community_sidebar_menu.space_contents,
	body.snapweb-community-left-nav-runtime .spaces > .space_contents {
		overflow-x: hidden !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact #fluent_community_sidebar_menu.space_contents,
	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact .spaces > .space_contents,
	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) :where(.fcom_sidebar_wrap, #fcom_sidebar_wrap) {
		overflow-y: hidden !important;
		scrollbar-width: none !important;
		-ms-overflow-style: none !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact #fluent_community_sidebar_menu.space_contents::-webkit-scrollbar,
	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact .spaces > .space_contents::-webkit-scrollbar,
	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) :where(.fcom_sidebar_wrap, #fcom_sidebar_wrap)::-webkit-scrollbar {
		display: none !important;
	}

	body.snapweb-community-left-nav-runtime .feed_layout {
		box-sizing: border-box !important;
		display: flex !important;
		align-items: stretch !important;
		padding-left: 0 !important;
	}

	body.snapweb-community-left-nav-runtime .feed_layout > :where(#fluent_com_portal, #fluent_community_app) {
		box-sizing: border-box !important;
		flex: 1 1 0 !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: 0 !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-community-landing-active .feed_layout > :where(#fluent_com_portal, #fluent_community_app),
	body.snapweb-community-left-nav-runtime .feed_layout:has(.snapweb-community-member-landing-route) > :where(#fluent_com_portal, #fluent_community_app),
	body.snapweb-community-left-nav-runtime.snapweb-community-landing-active .feed_layout > .feeds_main {
		flex: 1 1 auto !important;
		width: calc(100% - var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px))) !important;
		max-width: calc(100% - var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px))) !important;
		min-width: 0 !important;
		margin-left: var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px)) !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-community-landing-active .feed_layout > :where(#fluent_com_portal, #fluent_community_app) > .snapweb-community-landing-root,
	body.snapweb-community-left-nav-runtime.snapweb-community-landing-active .feed_layout > :where(#fluent_com_portal, #fluent_community_app) .snapweb-community-member-landing-route {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.snapweb-community-left-nav-runtime .feed_layout > :where(#fluent_com_portal, #fluent_community_app) > :where(.fcom_single_layout, .fcom_app, .fcom_portal) {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}

	body.snapweb-community-left-nav-runtime .feed_layout > :where(#fluent_com_portal, #fluent_community_app) .feeds_main {
		box-sizing: border-box !important;
		flex: 1 1 0 !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: 0 !important;
	}

	body.snapweb-community-left-nav-runtime .feed_layout > .feeds_main {
		box-sizing: border-box !important;
		flex: 1 1 0 !important;
		width: auto !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: 0 !important;
	}

	body.snapweb-context-fcom-native.snapweb-community-left-nav-runtime :where(.fhr_content, .fhr_home) > .fhr_content_layout_header,
	body.snapweb-fcom-native-shell.snapweb-community-left-nav-runtime :where(.fhr_content, .fhr_home) > .fhr_content_layout_header {
		box-sizing: border-box !important;
		margin-left: var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px)) !important;
		width: calc(100% - var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px))) !important;
	}

	body.snapweb-context-fcom-native.snapweb-community-left-nav-runtime .feed_layout:not(:has(.snapweb-community-fcom-route-shell)):not(:has(.snapweb-fcom-article-route)):not(:has(.snapweb-fcom-search-route)) > .feeds_main,
	body.snapweb-fcom-native-shell.snapweb-community-left-nav-runtime .feed_layout:not(:has(.snapweb-community-fcom-route-shell)):not(:has(.snapweb-fcom-article-route)):not(:has(.snapweb-fcom-search-route)) > .feeds_main {
		padding-left: var(--snapweb-community-page-gutter, 32px) !important;
		padding-right: var(--snapweb-community-page-gutter, 32px) !important;
	}

	body.snapweb-context-fcom-native.snapweb-community-left-nav-runtime .feed_layout > :where(#fluent_com_portal, #fluent_community_app) .snapweb-community-fcom-route-shell--contained:not(.snapweb-community-fcom-route-shell--native):not(.snapweb-fcom-article-route):not(.snapweb-fcom-search-route):not(.snapweb-fcom-archive-route) > .fhr_content_layout_header,
	body.snapweb-fcom-native-shell.snapweb-community-left-nav-runtime .feed_layout > :where(#fluent_com_portal, #fluent_community_app) .snapweb-community-fcom-route-shell--contained:not(.snapweb-community-fcom-route-shell--native):not(.snapweb-fcom-article-route):not(.snapweb-fcom-search-route):not(.snapweb-fcom-archive-route) > .fhr_content_layout_header {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: var(--snapweb-community-page-gutter, 32px) !important;
		padding-right: var(--snapweb-community-page-gutter, 32px) !important;
	}

	body.snapweb-context-fcom-native.snapweb-community-left-nav-runtime .feed_layout > :where(#fluent_com_portal, #fluent_community_app) .snapweb-community-fcom-route-shell--contained:not(.snapweb-community-fcom-route-shell--native):not(.snapweb-fcom-article-route):not(.snapweb-fcom-search-route):not(.snapweb-fcom-archive-route) > .snapweb-community-fcom-route-body,
	body.snapweb-fcom-native-shell.snapweb-community-left-nav-runtime .feed_layout > :where(#fluent_com_portal, #fluent_community_app) .snapweb-community-fcom-route-shell--contained:not(.snapweb-community-fcom-route-shell--native):not(.snapweb-fcom-article-route):not(.snapweb-fcom-search-route):not(.snapweb-fcom-archive-route) > .snapweb-community-fcom-route-body {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: var(--snapweb-community-page-gutter, 32px) !important;
		padding-right: var(--snapweb-community-page-gutter, 32px) !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) :where(.fcom_sidebar_wrap, .fcom_sidebar_contents, .fcom_general_menu, .fcom_communities_menu, .fcom_side_footer) {
		flex: 0 0 72px !important;
		flex-basis: 72px !important;
		inline-size: 72px !important;
		width: 72px !important;
		min-width: 72px !important;
		max-width: 72px !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) :where(.fcom_sidebar_wrap, #fcom_sidebar_wrap) {
		display: flex !important;
		flex-direction: column !important;
		min-height: calc(100vh - var(--fcom-header-height, 0px)) !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) :where(.fcom_sidebar_contents, .fcom_general_menu, .fcom_communities_menu) {
		flex: 1 1 auto !important;
		min-height: 0 !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) :where(.fcom_space_group_header, .community_name, #fcom_menu_sidebar) {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		overflow: hidden !important;
		clip: rect(0 0 0 0) !important;
		white-space: nowrap !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) .fcom_side_footer {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		flex: 0 0 auto !important;
		gap: 0 !important;
		width: 72px !important;
		margin-top: auto !important;
		padding: 10px 0 !important;
		overflow: visible !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) .fcom_side_footer a:not(:last-child) {
		display: none !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) .fcom_side_footer a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 0 !important;
		width: 48px !important;
		min-width: 48px !important;
		max-width: 48px !important;
		height: 48px !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding: 0 !important;
		font-size: 0 !important;
		line-height: 0 !important;
		overflow: hidden !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) .fcom_side_footer a :where(svg, i, .el-icon, [class*="icon"], [class*="Icon"], [class*="dashicon"], [class*="dashicons"]) {
		flex: 0 0 20px !important;
		width: 20px !important;
		height: 20px !important;
		margin: 0 !important;
		font-size: 20px !important;
		line-height: 20px !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) :where(.fcom_menu_link, .space_menu_item > a) {
		justify-content: center !important;
		gap: 0 !important;
		width: 48px !important;
		min-width: 48px !important;
		max-width: 48px !important;
		margin-right: auto !important;
		margin-left: auto !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents, #fluent_community_sidebar_menu) :where(.community_avatar, .fcom_shape, .fcom_emoji, .fcom_no_avatar) {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.snapweb-community-left-nav-runtime :where(.fhr_content_layout_body, .fcom_wp_content_body, .fcom_main_body, .fcom_main):has(.snapweb-fcom-article-route) {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.snapweb-community-left-nav-runtime :where(.fhr_content_layout_body, .fcom_wp_content_body, .fcom_main_body, .fcom_main):has(.snapweb-fcom-article-route) > .snapweb-fcom-article-route {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.snapweb-community-left-nav-runtime :where(.fhr_content_layout_body, .fcom_wp_content_body, .fcom_main_body, .fcom_main):has(.snapweb-fcom-article-route) > .snapweb-fcom-article-route > .fhr_content_layout_header {
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.snapweb-context-fcom-native.snapweb-community-left-nav-runtime .snapweb-fcom-article-route > .snapweb-fcom-article-page-wrap {
		box-sizing: border-box !important;
		width: min(100%, calc(100% - (var(--snapweb-community-page-gutter, 32px) * 2))) !important;
		max-width: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	body.snapweb-context-fcom-native.snapweb-community-left-nav-runtime .snapweb-fcom-article-route > .snapweb-fcom-article-page-wrap.snapweb-community-has-side-panel {
		grid-template-columns: minmax(0, 1fr) var(--snapweb-community-right-sidebar-width, 306px) !important;
		column-gap: var(--snapweb-community-right-sidebar-gutter, var(--snapweb-community-page-gutter, 32px)) !important;
	}

	body.snapweb-community-left-nav-runtime .snapweb-community-fcom-route-shell {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
	}

	body.snapweb-community-left-nav-runtime .feed_layout:has(.snapweb-community-fcom-route-shell) > .feeds_main {
		box-sizing: border-box !important;
		width: auto !important;
		flex: 1 1 0 !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	body.snapweb-community-left-nav-runtime .snapweb-community-fcom-route-shell--offset {
		box-sizing: border-box !important;
		width: calc(100% - var(--snapweb-fcom-sidebar-current-width, 72px)) !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: var(--snapweb-fcom-sidebar-current-width, 72px) !important;
		margin-right: 0 !important;
	}

	body.snapweb-community-left-nav-runtime .snapweb-community-fcom-route-shell--contained {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.snapweb-community-left-nav-runtime .snapweb-fcom-search-route.snapweb-community-fcom-route-shell--offset.snapweb-community-fcom-route-shell--contained {
		box-sizing: border-box !important;
		width: calc(100% - var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px))) !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px)) !important;
		margin-right: 0 !important;
	}

	body:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-left-nav-runtime .snapweb-community-fcom-route-shell--embedded-nav > .snapweb-community-fcom-route-body > .feeds_main {
		margin-left: var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px)) !important;
	}

	body:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-sidebar-wrapper-home.snapweb-community-left-nav-runtime .feed_layout:has(> .spaces) > .feeds_main {
		margin-left: var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px)) !important;
	}

	body.snapweb-context-fcom-native.snapweb-community-left-nav-runtime .feed_layout > :where(#fluent_com_portal, #fluent_community_app) .feeds_main > .snapweb-community-fcom-route-shell--contained,
	body.snapweb-fcom-native-shell.snapweb-community-left-nav-runtime .feed_layout > :where(#fluent_com_portal, #fluent_community_app) .feeds_main > .snapweb-community-fcom-route-shell--contained {
		box-sizing: border-box !important;
		width: calc(100% - var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px))) !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-left: var(--snapweb-community-left-sidebar-width, var(--snapweb-fcom-sidebar-current-width, 72px)) !important;
		margin-right: 0 !important;
	}

	body.snapweb-community-left-nav-runtime .snapweb-community-fcom-route-shell > .fhr_content_layout_header {
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.snapweb-community-left-nav-runtime .snapweb-community-fcom-route-shell:not(.snapweb-community-fcom-route-shell--native):not(.snapweb-community-fcom-route-shell--embedded-nav):not(.snapweb-fcom-article-route):not(.snapweb-fcom-search-route):not(.snapweb-fcom-archive-route) > .snapweb-community-fcom-route-body {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		padding-right: var(--snapweb-community-page-gutter, 32px) !important;
		padding-left: var(--snapweb-community-page-gutter, 32px) !important;
		overflow-x: clip !important;
	}

	body.snapweb-community-left-nav-runtime .snapweb-community-fcom-route-shell:not(.snapweb-community-fcom-route-shell--native):not(.snapweb-community-fcom-route-shell--embedded-nav):not(.snapweb-fcom-article-route):not(.snapweb-fcom-search-route):not(.snapweb-fcom-archive-route) > .snapweb-community-fcom-route-body > :where(*) {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}

body.snapweb-community-left-nav-runtime :where(.spaces, .space_contents) > .snapweb-fcom-compact-toggle,
body.snapweb-community-left-nav-runtime .snapweb-fcom-compact-toggle {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
	width: 238px !important;
	max-width: calc(100% - 32px) !important;
	min-height: 38px !important;
	margin: 12px auto 8px 16px !important;
	padding: 7px 10px !important;
	border: 0 !important;
	border-radius: var(--fcom-border-radius, 8px) !important;
	background: transparent !important;
	color: var(--fcom-menu-text, var(--fcom-primary-text, currentColor)) !important;
	font-family: inherit !important;
	font-size: .8125rem !important;
	font-weight: 400 !important;
	line-height: 160% !important;
	text-align: left !important;
	box-shadow: none !important;
	appearance: none !important;
	transition: all .3s !important;
}

body.snapweb-community-left-nav-runtime :where(.spaces, .space_contents) > .snapweb-fcom-compact-toggle:hover,
body.snapweb-community-left-nav-runtime :where(.spaces, .space_contents) > .snapweb-fcom-compact-toggle:focus-visible,
body.snapweb-community-left-nav-runtime .snapweb-fcom-compact-toggle:hover,
body.snapweb-community-left-nav-runtime .snapweb-fcom-compact-toggle:focus-visible {
	background: var(--fcom-menu-bg-hover, var(--fcom-active-bg, var(--fcom-hover-bg, rgba(127, 127, 127, .12)))) !important;
	color: var(--fcom-menu-text-hover, var(--fcom-menu-text-active, var(--fcom-menu-text, var(--fcom-primary-text, currentColor)))) !important;
	outline: none !important;
	transition: background .5s !important;
}

body.snapweb-community-left-nav-runtime :where(.spaces, .space_contents) > .snapweb-fcom-compact-toggle .snapweb-fcom-compact-toggle__icon,
body.snapweb-community-left-nav-runtime .snapweb-fcom-compact-toggle__icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 20px !important;
	width: 20px !important;
	height: 20px !important;
	color: currentColor !important;
}

body.snapweb-community-left-nav-runtime :where(.spaces, .space_contents) > .snapweb-fcom-compact-toggle svg,
body.snapweb-community-left-nav-runtime .snapweb-fcom-compact-toggle svg {
	width: 18px !important;
	height: 18px !important;
	fill: none !important;
	stroke: currentColor !important;
	stroke-width: 1.8 !important;
	stroke-linecap: round !important;
	stroke-linejoin: round !important;
}

body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact :where(.spaces, .space_contents) > .snapweb-fcom-compact-toggle,
body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact .snapweb-fcom-compact-toggle {
	justify-content: center !important;
	width: 42px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

body.snapweb-community-left-nav-runtime.snapweb-fcom-sidebar-compact .snapweb-fcom-compact-toggle b {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	white-space: nowrap !important;
}

.snapweb-fcom-compact-tooltip {
	position: fixed;
	z-index: 2147483000;
	max-width: min(240px, calc(100vw - 24px));
	padding: 6px 10px;
	border: 1px solid var(--el-text-color-primary, #303133);
	border-radius: var(--el-popper-border-radius, 4px);
	background: var(--el-text-color-primary, #303133);
	color: var(--el-color-white, #fff);
	box-shadow: var(--el-box-shadow-light, 0 2px 12px 0 rgba(0, 0, 0, .1));
	font-family: inherit;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.35;
	opacity: 0;
	pointer-events: none;
	transform: translate(0, -50%) translateX(-4px);
	transition: opacity .14s ease, transform .14s ease;
	white-space: nowrap;
}

.snapweb-fcom-compact-tooltip.is-visible {
	opacity: 1;
	transform: translate(0, -50%) translateX(0);
}

.snapweb-fcom-compact-tooltip::before {
	position: absolute;
	top: 50%;
	left: -5px;
	width: 8px;
	height: 8px;
	border-bottom: 1px solid var(--el-text-color-primary, #303133);
	border-left: 1px solid var(--el-text-color-primary, #303133);
	background: inherit;
	content: "";
	transform: translateY(-50%) rotate(45deg);
}

body.snapweb-community-layout-native {
	--snapweb-community-shell-width: 1208px !important;
}

body.snapweb-community-layout-wide {
	--snapweb-community-shell-width: 1780px !important;
}

body:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-sidebar-enabled .fcom_wrap.fcom_wp_frame,
body:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-sidebar-enabled .fcom_wrap.fcom_wp_frame > .fluent_com {
	background: var(--snapweb-community-sidebar-page-bg) !important;
}

body:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-sidebar-enabled .snapweb-community-wrapper-titlebar {
	position: sticky !important;
	top: var(--fcom-header-height, 0px) !important;
	z-index: 90 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 8px !important;
	min-height: 52px !important;
	padding: 0 2rem !important;
	margin: 0 0 0 var(--snapweb-community-left-sidebar-width) !important;
	width: calc(100% - var(--snapweb-community-left-sidebar-width)) !important;
	border-bottom: 1px solid var(--fcom-primary-border, var(--snapweb-community-sidebar-border)) !important;
	background: var(--fcom-primary-bg, var(--snapweb-community-sidebar-bg)) !important;
	color: var(--fcom-primary-text, var(--snapweb-community-sidebar-text)) !important;
	font-size: var(--el-font-size-base, 16px) !important;
	font-weight: 400 !important;
	line-height: 22.4px !important;
	overflow: hidden !important;
}

body:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-sidebar-enabled .snapweb-community-wrapper-titlebar .snapweb-community-wrapper-title {
	margin: 0 !important;
	font-size: 18.4px !important;
	font-weight: 500 !important;
	line-height: 22.0833px !important;
	color: inherit !important;
	letter-spacing: 0 !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-sidebar-sticky {
	position: sticky !important;
	top: calc(var(--fcom-header-height, 0px) + 16px) !important;
	align-self: flex-start !important;
	max-height: calc(100vh - var(--fcom-header-height, 0px) - 24px) !important;
	overflow: auto !important;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

body.snapweb-community-sidebar-enabled .snapweb-community-sidebar-sticky::-webkit-scrollbar {
	display: none;
}

body.snapweb-community-sidebar-enabled .snapweb-community-sidebar-sticky:empty {
	display: none !important;
}

body.snapweb-community-sidebar-enabled .snapweb-fcom-article-page-wrap.snapweb-community-has-side-panel {
	--snapweb-fcom-article-lane: 100%;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) !important;
	gap: var(--snapweb-community-page-gutter) !important;
	align-items: start !important;
	width: min(var(--snapweb-community-shell-width, 1500px), calc(100% - (var(--snapweb-community-page-gutter) * 2))) !important;
	margin-inline: auto !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-extension-route_body.snapweb-community-has-side-panel {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) !important;
	gap: var(--snapweb-community-page-gutter) !important;
	align-items: start !important;
	width: min(var(--snapweb-community-shell-width, 1500px), calc(100% - (var(--snapweb-community-page-gutter) * 2))) !important;
	margin-inline: auto !important;
}

body.snapweb-community-sidebar-enabled .snapweb-fcom-article-page-wrap.snapweb-community-has-side-panel.snapweb-fcom-article-page-wrap--archive,
body.snapweb-community-sidebar-enabled .snapweb-fcom-article-page-wrap.snapweb-community-has-side-panel:has([data-snapweb-archive]) {
	--snapweb-fcom-article-lane: 100%;
	grid-template-columns: minmax(0, 1fr) minmax(240px, 320px) !important;
}

body.snapweb-community-sidebar-enabled .snapweb-fcom-article-page-wrap.snapweb-community-has-side-panel > .snapweb-fcom-article-page,
body.snapweb-community-sidebar-enabled .snapweb-fcom-article-page-wrap.snapweb-community-has-side-panel > .snapweb-fcom-article-state,
body.snapweb-community-sidebar-enabled .snapweb-community-extension-route_body.snapweb-community-has-side-panel > [data-snapweb-community-extension-page] {
	min-width: 0 !important;
	width: 100% !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-extension-route_body.snapweb-community-has-side-panel > .snapweb-community-side-panel {
	margin-top: 0 !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-route-shell:not(.snapweb-fcom-article-route):not(.snapweb-fcom-archive-route):not(.snapweb-fcom-search-route):not(.snapweb-community-extension-route) > .snapweb-community-fcom-route-body.snapweb-community-has-side-panel {
	box-sizing: border-box !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) var(--snapweb-community-right-sidebar-width) !important;
	column-gap: var(--snapweb-community-right-sidebar-gutter) !important;
	align-items: start !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-right: var(--snapweb-community-page-gutter) !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-route-shell:not(.snapweb-fcom-article-route):not(.snapweb-fcom-archive-route):not(.snapweb-fcom-search-route):not(.snapweb-community-extension-route) > .snapweb-community-fcom-route-body.snapweb-community-has-side-panel > :not(.snapweb-community-fcom-native-right):not(.snapweb-community-side-panel) {
	grid-column: 1 !important;
	min-width: 0 !important;
	max-width: 100% !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-route-shell:not(.snapweb-fcom-article-route):not(.snapweb-fcom-archive-route):not(.snapweb-fcom-search-route):not(.snapweb-community-extension-route) > .snapweb-community-fcom-route-body.snapweb-community-has-side-panel > :is(.snapweb-community-fcom-native-right, .snapweb-community-side-panel) {
	grid-column: 2 !important;
	grid-row: 1 / span 20 !important;
	width: var(--snapweb-community-right-sidebar-width) !important;
	max-width: var(--snapweb-community-right-sidebar-width) !important;
	margin: 0 0 16px 0 !important;
}

body.snapweb-community-sidebar-enabled .feed_layout.snapweb-community-has-side-panel {
	display: flex !important;
	align-items: stretch;
	gap: var(--snapweb-community-right-sidebar-gutter);
	overflow: visible;
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

body.snapweb-community-sidebar-enabled .feed_layout.snapweb-community-has-side-panel > .feeds_main {
	min-width: 0 !important;
	width: auto !important;
	max-width: none !important;
	flex: 1 1 0 !important;
}

body.snapweb-community-sidebar-enabled .feed_layout.snapweb-community-has-side-panel > :where(#fluent_com_portal, #fluent_community_app) {
	min-width: 0 !important;
	width: auto !important;
	max-width: none !important;
	flex: 1 1 0 !important;
}

body.snapweb-community-sidebar-enabled .feed_layout.snapweb-community-has-side-panel > .feeds_main.fcom_theme_full,
body.snapweb-community-sidebar-enabled .feed_layout.snapweb-community-has-side-panel > .feeds_main.fcom_supported_wp_content {
	inline-size: auto !important;
	margin-right: 0 !important;
}

body.snapweb-theme:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-sidebar-enabled .fcom_wrap .feed_layout.snapweb-community-has-side-panel > .feeds_main.fcom_supported_wp_content > .snapweb-fcom-content,
body:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-sidebar-enabled .feed_layout.snapweb-community-has-side-panel > .feeds_main.fcom_supported_wp_content > .snapweb-fcom-content {
	box-sizing: border-box !important;
	width: min(var(--snapweb-community-native-content-width, 1080px), 100%) !important;
	max-width: min(var(--snapweb-community-native-content-width, 1080px), 100%) !important;
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: var(--snapweb-community-wrapper-content-gutter) !important;
	padding-left: var(--snapweb-community-wrapper-content-gutter) !important;
}

body.snapweb-theme:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-sidebar-enabled .fcom_wrap .feed_layout.snapweb-community-has-side-panel > .feeds_main.fcom_supported_wp_content > .snapweb-fcom-content > .fcom_wp_content_body,
body:is(.snapweb-context-fcom-wrapper, .snapweb-has-fluentcommunity-wrapper).snapweb-community-sidebar-enabled .feed_layout.snapweb-community-has-side-panel > .feeds_main.fcom_supported_wp_content > .snapweb-fcom-content > .fcom_wp_content_body {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel {
	position: sticky;
	top: calc(var(--fcom-header-height, 0px) + 18px);
	display: grid;
	gap: 14px;
	width: 100%;
	max-height: calc(100vh - var(--fcom-header-height, 0px) - 28px);
	overflow: auto;
	color: var(--snapweb-community-sidebar-text);
	scrollbar-width: none;
	-ms-overflow-style: none;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel::-webkit-scrollbar {
	display: none;
}

body.snapweb-community-sidebar-enabled .feed_layout > .snapweb-community-fcom-native-right {
	flex: 0 0 var(--snapweb-community-right-sidebar-width) !important;
	width: var(--snapweb-community-right-sidebar-width) !important;
	max-width: var(--snapweb-community-right-sidebar-width) !important;
	margin: 16px var(--snapweb-community-page-gutter) 16px 0;
}

body.snapweb-community-sidebar-enabled.snapweb-context-fcom-wrapper .feed_layout > .snapweb-community-fcom-native-right,
body.snapweb-community-sidebar-enabled.snapweb-has-fluentcommunity-wrapper .feed_layout > .snapweb-community-fcom-native-right {
	margin-top: 32px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .fcom_main_side_wrap,
body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .fcom_side_box {
	display: grid;
	gap: 14px;
	min-width: 0;
	width: 100%;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__widget {
	padding: 15px;
	border: 1px solid var(--snapweb-community-sidebar-border);
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-bg);
	box-shadow: none;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .app_side_widget {
	border: 1px solid var(--snapweb-community-sidebar-border);
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-bg);
	color: var(--snapweb-community-sidebar-text);
	font-size: var(--el-font-size-base, 16px) !important;
	font-weight: 400 !important;
	line-height: 22.4px !important;
	overflow: hidden;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .app_side_widget.snapweb-community-side-panel__widget {
	padding: 15px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .app_side_widget .widget_header {
	padding: 0;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .app_side_widget .widget_header h3 {
	margin: 4.8px 0 !important;
	color: var(--snapweb-community-sidebar-text) !important;
	font-size: var(--el-font-size-base, 16px) !important;
	font-weight: 500 !important;
	line-height: 17.6px !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .app_side_widget .widget_body {
	padding: 0;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .notifications_wrap .notification_item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-height: 42px;
	margin: 0 -8px;
	padding: 8px;
	border-radius: var(--snapweb-community-sidebar-radius);
	color: var(--snapweb-community-sidebar-text) !important;
	text-decoration: none !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .notifications_wrap .notification_item:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .notifications_wrap .notification_item:focus-visible {
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-text) !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .notification_avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 34px !important;
	height: 34px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--fcom-secondary-bg, var(--el-fill-color, #eef1f5));
	color: var(--snapweb-community-sidebar-muted);
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .notification_avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__avatar-fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 13px;
	font-weight: 600;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .notification_content {
	flex: 1 1 auto;
	min-width: 0;
	display: -webkit-box;
	overflow: hidden;
	color: var(--snapweb-community-sidebar-text);
	font-size: 13px;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .notification_content :where(p, div) {
	margin: 0;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right .notification_time_stamp {
	display: inline-block;
	margin-top: 4px;
	color: var(--snapweb-community-sidebar-muted) !important;
	font-size: 12px;
	line-height: 1.25;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__widget h3 {
	margin: 4.8px 0 !important;
	color: var(--snapweb-community-sidebar-text) !important;
	font-size: var(--el-font-size-base, 16px) !important;
	font-weight: 500 !important;
	line-height: 17.6px !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__widget .widget_body {
	padding-top: var(--snapweb-community-sidebar-widget-gap);
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__widget :where(a, button) {
	-webkit-tap-highlight-color: transparent;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__widget :where(a, button):focus-visible {
	outline: 2px solid color-mix(in srgb, var(--fcom-accent-color, var(--el-color-primary, #409eff)) 42%, transparent);
	outline-offset: 2px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__widget--online .widget_header h3 {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-online-members__dot {
	display: inline-block;
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: var(--fcom-success-color, var(--el-color-success, #22c55e));
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--fcom-success-color, var(--el-color-success, #22c55e)) 18%, transparent);
}

body.snapweb-community-sidebar-enabled .snapweb-community-online-members {
	display: grid;
	gap: 10px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-online-members__avatars {
	display: flex;
	align-items: center;
	min-height: 36px;
	padding-left: 2px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-online-members__avatar,
body.snapweb-community-sidebar-enabled .snapweb-community-online-members__extra {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	margin-right: -9px;
	border: 2px solid var(--snapweb-community-sidebar-bg);
	border-radius: 999px;
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-muted) !important;
	text-decoration: none !important;
	transition: transform .16s ease, z-index .16s ease;
	overflow: hidden;
}

body.snapweb-community-sidebar-enabled .snapweb-community-online-members__avatar:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-online-members__avatar:focus-visible {
	z-index: 2;
	transform: translateY(-2px);
}

body.snapweb-community-sidebar-enabled .snapweb-community-online-members__avatar-img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
}

body.snapweb-community-sidebar-enabled .snapweb-community-online-members__avatar-fallback {
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-online-members__extra {
	margin-right: 0;
	font-size: 11px;
	font-weight: 600;
}

body.snapweb-community-sidebar-enabled .snapweb-community-online-members__caption,
body.snapweb-community-sidebar-enabled .snapweb-community-online-members__empty {
	margin: 0;
	color: var(--snapweb-community-sidebar-muted);
	font-size: 12px;
	line-height: 1.35;
}

body.snapweb-community-sidebar-enabled .snapweb-community-widget-loading,
body.snapweb-community-sidebar-enabled .snapweb-community-widget-empty {
	margin: 0;
	padding: var(--snapweb-community-sidebar-widget-pad);
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-muted);
	font-size: 12px;
	line-height: 1.4;
}

body.snapweb-community-sidebar-enabled .snapweb-community-pulse__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--snapweb-community-sidebar-widget-gap);
}

body.snapweb-community-sidebar-enabled .snapweb-community-pulse__item {
	display: grid;
	gap: 2px;
	min-width: 0;
	padding: var(--snapweb-community-sidebar-widget-pad);
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-soft-bg);
}

body.snapweb-community-sidebar-enabled .snapweb-community-pulse__item strong {
	color: var(--snapweb-community-sidebar-text);
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-pulse__item span {
	color: var(--snapweb-community-sidebar-muted);
	font-size: 11px;
	line-height: 1.25;
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__card {
	display: grid;
	gap: 10px;
	min-width: 0;
	padding: var(--snapweb-community-sidebar-widget-pad);
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-text);
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__main {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__main strong {
	color: var(--snapweb-community-sidebar-text);
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__main span {
	min-width: 0;
	overflow: hidden;
	color: var(--snapweb-community-sidebar-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.25;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__meta {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 4px 10px;
	align-items: center;
	color: var(--snapweb-community-sidebar-muted);
	font-size: 11px;
	line-height: 1.3;
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__meta span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__meta span:first-child,
body.snapweb-community-sidebar-enabled .snapweb-community-momentum__meta span:nth-child(2) {
	grid-column: 1 / 2;
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__meta b {
	color: var(--snapweb-community-sidebar-text);
	font-weight: 600;
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__meta em {
	grid-column: 2 / 3;
	grid-row: 1 / span 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	min-height: 28px;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--snapweb-community-sidebar-bg);
	color: var(--snapweb-community-sidebar-muted);
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__card.is-up .snapweb-community-momentum__meta em {
	color: var(--fcom-success-color, var(--el-color-success, var(--snapweb-community-sidebar-text)));
}

body.snapweb-community-sidebar-enabled .snapweb-community-momentum__card.is-down .snapweb-community-momentum__meta em {
	color: var(--fcom-danger-color, var(--el-color-danger, var(--snapweb-community-sidebar-text)));
}

body.snapweb-community-sidebar-enabled .snapweb-community-best-time__card,
body.snapweb-community-sidebar-enabled .snapweb-community-weekly-rhythm__card,
body.snapweb-community-sidebar-enabled .snapweb-community-conversation-depth__card,
body.snapweb-community-sidebar-enabled .snapweb-community-response-speed__card {
	display: grid;
	gap: 6px;
	min-width: 0;
	padding: var(--snapweb-community-sidebar-widget-pad);
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-text);
}

body.snapweb-community-sidebar-enabled .snapweb-community-best-time__card span,
body.snapweb-community-sidebar-enabled .snapweb-community-best-time__card em,
body.snapweb-community-sidebar-enabled .snapweb-community-weekly-rhythm__card span,
body.snapweb-community-sidebar-enabled .snapweb-community-weekly-rhythm__card em,
body.snapweb-community-sidebar-enabled .snapweb-community-conversation-depth__card span,
body.snapweb-community-sidebar-enabled .snapweb-community-conversation-depth__card em,
body.snapweb-community-sidebar-enabled .snapweb-community-response-speed__card span,
body.snapweb-community-sidebar-enabled .snapweb-community-response-speed__card em {
	color: var(--snapweb-community-sidebar-muted);
	font-size: 12px;
	font-style: normal;
	line-height: 1.35;
}

body.snapweb-community-sidebar-enabled .snapweb-community-best-time__card strong,
body.snapweb-community-sidebar-enabled .snapweb-community-weekly-rhythm__card strong,
body.snapweb-community-sidebar-enabled .snapweb-community-conversation-depth__card strong,
body.snapweb-community-sidebar-enabled .snapweb-community-response-speed__card strong {
	color: var(--snapweb-community-sidebar-text);
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-highlights__grid {
	display: grid;
	gap: var(--snapweb-community-sidebar-widget-gap);
}

body.snapweb-community-sidebar-enabled .snapweb-community-highlights__metric,
body.snapweb-community-sidebar-enabled .snapweb-community-highlights__item {
	display: grid;
	gap: 4px;
	min-width: 0;
	padding: var(--snapweb-community-sidebar-widget-pad);
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-text) !important;
	text-decoration: none !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-highlights__item {
	transition: background-color .16s ease, color .16s ease;
}

body.snapweb-community-sidebar-enabled .snapweb-community-highlights__item:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-highlights__item:focus-visible {
	background: var(--snapweb-community-sidebar-hover-bg, var(--snapweb-community-sidebar-soft-bg));
	color: var(--snapweb-community-sidebar-text) !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-highlights__metric strong {
	color: var(--snapweb-community-sidebar-text);
	font-size: 22px;
	font-weight: 600;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-highlights__item strong {
	min-width: 0;
	overflow: hidden;
	color: var(--snapweb-community-sidebar-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.snapweb-community-sidebar-enabled .snapweb-community-highlights__metric span,
body.snapweb-community-sidebar-enabled .snapweb-community-highlights__item span {
	color: var(--snapweb-community-sidebar-muted);
	font-size: 11px;
	line-height: 1.25;
}

body.snapweb-community-sidebar-enabled .snapweb-community-new-members__list,
body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__list {
	display: grid;
	gap: 4px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-new-members__item,
body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	min-height: var(--snapweb-community-sidebar-widget-row-height);
	margin: 0 -8px;
	padding: 7px 8px;
	border-radius: var(--snapweb-community-sidebar-radius);
	color: var(--snapweb-community-sidebar-text) !important;
	text-decoration: none !important;
	transition: background-color .16s ease, color .16s ease;
}

body.snapweb-community-sidebar-enabled .snapweb-community-new-members__item:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-new-members__item:focus-visible,
body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__item:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__item:focus-visible {
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-text) !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-new-members__avatar,
body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	overflow: hidden;
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-new-members__avatar img,
body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__meta {
	display: grid;
	gap: 2px;
	min-width: 0;
}

body.snapweb-community-sidebar-enabled .snapweb-community-new-members__item strong,
body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__meta strong,
body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__meta em {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.snapweb-community-sidebar-enabled .snapweb-community-new-members__item strong,
body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__meta strong {
	color: var(--snapweb-community-sidebar-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
}

body.snapweb-community-sidebar-enabled .snapweb-community-first-time-posters__meta em {
	color: var(--snapweb-community-sidebar-muted);
	font-size: 11px;
	font-style: normal;
	line-height: 1.25;
}

body.snapweb-community-sidebar-enabled .snapweb-community-contributors__list {
	display: grid;
	gap: 4px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-contributors__item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	min-height: var(--snapweb-community-sidebar-widget-row-height);
	margin: 0 -8px;
	padding: 7px 8px;
	border-radius: var(--snapweb-community-sidebar-radius);
	color: var(--snapweb-community-sidebar-text) !important;
	text-decoration: none !important;
	transition: background-color .16s ease, color .16s ease;
}

body.snapweb-community-sidebar-enabled .snapweb-community-contributors__item:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-contributors__item:focus-visible {
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-text) !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-contributors__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	overflow: hidden;
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-contributors__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.snapweb-community-sidebar-enabled .snapweb-community-contributors__meta {
	display: grid;
	gap: 2px;
	min-width: 0;
}

body.snapweb-community-sidebar-enabled .snapweb-community-contributors__meta strong,
body.snapweb-community-sidebar-enabled .snapweb-community-contributors__meta em {
	display: block;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.snapweb-community-sidebar-enabled .snapweb-community-contributors__meta strong {
	color: var(--snapweb-community-sidebar-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.25;
}

body.snapweb-community-sidebar-enabled .snapweb-community-contributors__meta em {
	color: var(--snapweb-community-sidebar-muted);
	font-size: 11px;
	font-style: normal;
	line-height: 1.25;
}

body.snapweb-community-sidebar-enabled .snapweb-community-rising-contributors__delta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 28px;
	height: 24px;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-text);
	font-size: 11px;
	font-weight: 650;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-member-momentum__item .snapweb-community-rising-contributors__delta {
	max-width: 96px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.snapweb-community-sidebar-enabled .snapweb-community-trending__list {
	display: grid;
	gap: 4px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-quiet-spaces__list {
	display: grid;
	gap: 4px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-discussion-hubs__list {
	display: grid;
	gap: 4px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fresh__list {
	display: grid;
	gap: var(--snapweb-community-sidebar-widget-gap);
}

body.snapweb-community-sidebar-enabled .snapweb-community-trending__item,
body.snapweb-community-sidebar-enabled .snapweb-community-quiet-spaces__item,
body.snapweb-community-sidebar-enabled .snapweb-community-discussion-hubs__item,
body.snapweb-community-sidebar-enabled .snapweb-community-hot__link,
body.snapweb-community-sidebar-enabled .snapweb-community-fresh__item {
	display: flex;
	min-width: 0;
	border-radius: var(--snapweb-community-sidebar-radius);
	color: var(--snapweb-community-sidebar-text) !important;
	text-decoration: none !important;
	background: transparent;
	transition: background-color .16s ease, color .16s ease;
}

body.snapweb-community-sidebar-enabled .snapweb-community-trending__item,
body.snapweb-community-sidebar-enabled .snapweb-community-quiet-spaces__item,
body.snapweb-community-sidebar-enabled .snapweb-community-discussion-hubs__item {
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: var(--snapweb-community-sidebar-widget-row-height);
	margin: 0 -8px;
	padding: 7px 8px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-trending__item:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-trending__item:focus-visible,
body.snapweb-community-sidebar-enabled .snapweb-community-quiet-spaces__item:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-quiet-spaces__item:focus-visible,
body.snapweb-community-sidebar-enabled .snapweb-community-discussion-hubs__item:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-discussion-hubs__item:focus-visible,
body.snapweb-community-sidebar-enabled .snapweb-community-hot__link:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-hot__link:focus-visible,
body.snapweb-community-sidebar-enabled .snapweb-community-fresh__item:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-fresh__item:focus-visible {
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-text) !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-trending__item span,
body.snapweb-community-sidebar-enabled .snapweb-community-quiet-spaces__item span,
body.snapweb-community-sidebar-enabled .snapweb-community-discussion-hubs__item span {
	min-width: 0;
	overflow: hidden;
	font-size: 13px;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.snapweb-community-sidebar-enabled .snapweb-community-trending__item b,
body.snapweb-community-sidebar-enabled .snapweb-community-quiet-spaces__item b,
body.snapweb-community-sidebar-enabled .snapweb-community-discussion-hubs__item b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-width: 26px;
	height: 24px;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-muted);
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-hot__link {
	flex-direction: column;
	gap: 6px;
	margin: 0 -8px;
	padding: 8px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-conversation-spark {
	display: grid;
	gap: 10px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-conversation-spark__prompt {
	margin: 0;
	padding: var(--snapweb-community-sidebar-widget-pad);
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
}

body.snapweb-community-sidebar-enabled .snapweb-community-conversation-spark__action {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	min-height: 28px;
	padding: 0 10px;
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-soft-bg);
	color: var(--snapweb-community-sidebar-text) !important;
	font-size: 12px;
	font-weight: 650;
	line-height: 1;
	text-decoration: none !important;
	transition: background-color .16s ease, color .16s ease;
}

body.snapweb-community-sidebar-enabled .snapweb-community-conversation-spark__action:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-conversation-spark__action:focus-visible {
	background: var(--snapweb-community-sidebar-hover-bg, var(--snapweb-community-sidebar-soft-bg));
	color: var(--snapweb-community-sidebar-text) !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-launch-checklist__list {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.snapweb-community-sidebar-enabled .snapweb-community-launch-checklist__list li {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	min-width: 0;
	padding: 7px 8px;
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-soft-bg);
}

body.snapweb-community-sidebar-enabled .snapweb-community-launch-checklist__list li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin-top: 1px;
	border-radius: 999px;
	background: var(--snapweb-community-sidebar-bg);
	color: var(--snapweb-community-sidebar-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
}

body.snapweb-community-sidebar-enabled .snapweb-community-launch-checklist__list li span::before {
	content: "";
	width: 7px;
	height: 4px;
	border: solid currentColor;
	border-width: 0 0 2px 2px;
	transform: rotate(-45deg);
}

body.snapweb-community-sidebar-enabled .snapweb-community-launch-checklist__list li strong {
	min-width: 0;
	color: var(--snapweb-community-sidebar-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
}

body.snapweb-community-sidebar-enabled .snapweb-community-weekly-focus__card {
	display: grid;
	gap: 6px;
	padding: var(--snapweb-community-sidebar-widget-pad);
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-soft-bg);
}

body.snapweb-community-sidebar-enabled .snapweb-community-weekly-focus__card strong {
	color: var(--snapweb-community-sidebar-text);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}

body.snapweb-community-sidebar-enabled .snapweb-community-weekly-focus__card p {
	margin: 0;
	color: var(--snapweb-community-sidebar-muted);
	font-size: 12px;
	line-height: 1.45;
}

body.snapweb-community-sidebar-enabled .snapweb-community-activity-streak__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-activity-streak__metric {
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: var(--snapweb-community-sidebar-widget-pad);
	border-radius: var(--snapweb-community-sidebar-radius);
	background: var(--snapweb-community-sidebar-soft-bg);
}

body.snapweb-community-sidebar-enabled .snapweb-community-activity-streak__metric strong {
	color: var(--snapweb-community-sidebar-text);
	font-size: 20px;
	font-weight: 750;
	line-height: 1.05;
}

body.snapweb-community-sidebar-enabled .snapweb-community-activity-streak__metric span {
	color: var(--snapweb-community-sidebar-muted);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.25;
}

body.snapweb-community-sidebar-enabled .snapweb-community-fresh__item {
	flex-direction: column;
	gap: 4px;
	padding: var(--snapweb-community-sidebar-widget-pad);
	background: var(--snapweb-community-sidebar-soft-bg);
}

body.snapweb-community-sidebar-enabled .snapweb-community-hot__link strong,
body.snapweb-community-sidebar-enabled .snapweb-community-fresh__item strong {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--snapweb-community-sidebar-text);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
}

body.snapweb-community-sidebar-enabled .snapweb-community-hot__link span,
body.snapweb-community-sidebar-enabled .snapweb-community-hot__link em,
body.snapweb-community-sidebar-enabled .snapweb-community-fresh__item span,
body.snapweb-community-sidebar-enabled .snapweb-community-fresh__item em {
	color: var(--snapweb-community-sidebar-muted);
	font-size: 12px;
	font-style: normal;
	line-height: 1.35;
}

body.snapweb-community-sidebar-enabled .snapweb-community-hot__link span,
body.snapweb-community-sidebar-enabled .snapweb-community-fresh__item span {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}


body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__links {
	display: grid;
	gap: 4px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: var(--snapweb-community-sidebar-widget-row-height);
	padding: 8px 10px;
	border-radius: var(--snapweb-community-sidebar-radius);
	color: var(--snapweb-community-sidebar-text) !important;
	text-decoration: none !important;
	background: transparent;
	transition: background-color .16s ease, color .16s ease;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__link:hover,
body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__link:focus-visible {
	color: var(--snapweb-community-sidebar-text) !important;
	background: var(--snapweb-community-sidebar-soft-bg);
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__link span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__custom {
	color: var(--snapweb-community-sidebar-muted);
	font-size: 14px;
	line-height: 1.55;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__custom :where(p, ul, ol) {
	margin: 0 0 10px;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__custom :where(p, ul, ol):last-child {
	margin-bottom: 0;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__custom a {
	color: var(--fcom-accent-color, var(--el-color-primary, currentColor)) !important;
}

body.snapweb-community-sidebar-enabled .snapweb-community-side-panel__widget--empty {
	color: var(--snapweb-community-sidebar-muted);
	font-size: 14px;
	line-height: 1.45;
}

@media (max-width: 1180px) {
	body.snapweb-community-sidebar-enabled .snapweb-fcom-article-page-wrap.snapweb-community-has-side-panel,
	body.snapweb-community-sidebar-enabled .snapweb-community-extension-route_body.snapweb-community-has-side-panel,
	body.snapweb-community-sidebar-enabled .snapweb-community-fcom-route-shell:not(.snapweb-fcom-article-route):not(.snapweb-fcom-archive-route):not(.snapweb-fcom-search-route):not(.snapweb-community-extension-route) > .snapweb-community-fcom-route-body.snapweb-community-has-side-panel {
		grid-template-columns: 1fr !important;
	}

	body.snapweb-community-sidebar-enabled .feed_layout > .snapweb-community-fcom-native-right {
		display: none;
	}

	body.snapweb-community-sidebar-enabled .snapweb-community-side-panel {
		position: static;
		max-height: none;
	}
}

@media (max-width: 782px) {
	body.snapweb-community-sidebar-enabled .snapweb-community-side-panel,
	body.snapweb-community-sidebar-enabled .snapweb-community-fcom-native-right,
	body.snapweb-community-sidebar-enabled .feed_layout > .snapweb-community-fcom-native-right,
	body.snapweb-community-sidebar-enabled .fcom_resp_side.snapweb-community-fcom-native-right {
		display: none !important;
	}

	body.snapweb-community-sidebar-enabled .snapweb-fcom-article-page-wrap.snapweb-community-has-side-panel,
	body.snapweb-community-sidebar-enabled .snapweb-community-extension-route_body.snapweb-community-has-side-panel,
	body.snapweb-community-sidebar-enabled .snapweb-community-fcom-route-shell:not(.snapweb-fcom-article-route):not(.snapweb-fcom-archive-route):not(.snapweb-fcom-search-route):not(.snapweb-community-extension-route) > .snapweb-community-fcom-route-body.snapweb-community-has-side-panel,
	body.snapweb-community-sidebar-enabled .feed_layout.snapweb-community-has-side-panel {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	body.snapweb-community-sidebar-enabled .feed_layout.snapweb-community-has-side-panel > :where(.feeds_main, #fluent_com_portal, #fluent_community_app),
	body.snapweb-community-sidebar-enabled .snapweb-fcom-article-page-wrap.snapweb-community-has-side-panel > .snapweb-fcom-article-page,
	body.snapweb-community-sidebar-enabled .snapweb-fcom-article-page-wrap.snapweb-community-has-side-panel > .snapweb-fcom-article-state,
	body.snapweb-community-sidebar-enabled .snapweb-community-extension-route_body.snapweb-community-has-side-panel > [data-snapweb-community-extension-page] {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		flex: none !important;
	}
}
/* Audience menu projections use one native FCom item registry for both surfaces. */
@media (min-width: 769px) {
	body.snapweb-community-fcom-search-context .snapweb-community-menu-hide-desktop {
		display: none !important;
	}
}

@media (max-width: 768px) {
	body.snapweb-community-fcom-search-context .snapweb-community-menu-hide-mobile {
		display: none !important;
	}
}