@charset "UTF-8";

.su-community-tooltip {
	position: fixed;
	z-index: 100000;
	max-width: min(260px, calc(100vw - 24px));
	padding: 8px 10px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 6px;
	background: #111827;
	box-shadow: 0 8px 24px rgba(17, 24, 39, 0.2);
	color: #ffffff;
	font-family: inherit;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0;
	pointer-events: none;
	text-align: center;
}

/* Release 1.14.16: match embedded account controls to the canonical account flow. */
body.su-community-page:not(#su-community-action-palette):not(#su-community-action-palette-override):not(#su-community-action-palette-lock) .su-community--stitch .su-community-guest-login .su-community-guest-login__submit,
body.su-community-page:not(#su-community-action-palette):not(#su-community-action-palette-override):not(#su-community-action-palette-lock) .su-community--stitch .su-community-guest-login__panel--vendor .su-vrf__btn--primary {
	border-color: #f88736 !important;
	background: #f88736 !important;
	color: #ffffff !important;
}

body.su-community-page:not(#su-community-action-palette):not(#su-community-action-palette-override):not(#su-community-action-palette-lock) .su-community--stitch .su-community-guest-login .su-community-guest-login__submit:hover,
body.su-community-page:not(#su-community-action-palette):not(#su-community-action-palette-override):not(#su-community-action-palette-lock) .su-community--stitch .su-community-guest-login .su-community-guest-login__submit:focus-visible,
body.su-community-page:not(#su-community-action-palette):not(#su-community-action-palette-override):not(#su-community-action-palette-lock) .su-community--stitch .su-community-guest-login__panel--vendor .su-vrf__btn--primary:hover,
body.su-community-page:not(#su-community-action-palette):not(#su-community-action-palette-override):not(#su-community-action-palette-lock) .su-community--stitch .su-community-guest-login__panel--vendor .su-vrf__btn--primary:focus-visible {
	border-color: #ba6800 !important;
	background: #ba6800 !important;
	color: #ffffff !important;
}

.su-community--stitch .su-community-guest-login__panel--vendor .su-vrf__pack--recommended {
	border-color: #f35e84 !important;
}

.su-community--stitch .su-community-guest-login__panel--vendor :is(
	.su-vrf__compare-toggle,
	.su-vrf__btn--ghost,
	.su-vrf__pack
) {
	border-color: #e2e8f0 !important;
}

.su-community--stitch .su-community-guest-login__panel--vendor :is(
	.su-vrf__compare-toggle,
	.su-vrf__btn--ghost
) {
	background: #f5f5f5 !important;
	color: #111827 !important;
}

@supports (content-visibility: auto) {
	.su-community--stitch .su-community__post,
	.su-community--stitch .su-community__member-card,
	.su-community--stitch .su-stitch-space-card,
	.su-community--stitch .su-stitch-bookmark-card,
	.su-community--stitch .su-community__notification-item {
		content-visibility: auto;
		contain-intrinsic-size: auto 360px;
	}
}

.su-community-tooltip[hidden] {
	display: none !important;
}

.su-community {
	--su-community-ink: #111827;
	--su-community-muted: #4b5563;
	--su-community-surface: #ffffff;
	--su-community-soft: #f5f5f5;
	--su-community-panel: #ffffff;
	--su-community-border: #e2e8f0;
	--su-community-border-strong: #cbd5e1;
	--su-community-plum: #111827;
	--su-community-plum-soft: #111827;
	--su-community-rose: #f35e84;
	--su-community-teal: #059669;
	--su-community-amber: #f59e0b;
	--su-community-danger: #ba1a1a;
	--su-community-shadow: 0 18px 42px rgba(17, 24, 39, 0.09);
	position: relative;
	box-sizing: border-box;
	width: min(100%, 980px);
	margin: 0 auto;
	color: var(--su-community-ink);
	background: var(--su-community-soft);
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	font-family: inherit;
	overflow: hidden;
}

/* Read-only marketplace context picker. */
.su-community__context-picker {
	display: grid;
	gap: 10px;
	margin: 16px 0 0;
	padding-top: 14px;
	border-top: 1px solid rgba(17, 24, 39, 0.14);
}

.su-community__context-picker--stitch {
	margin-top: 10px;
}

.su-community__context-picker-toggle,
.su-community__context-picker-actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	width: max-content;
	max-width: 100%;
	padding: 9px 12px;
	border: 1px solid rgba(17, 24, 39, 0.22);
	border-radius: 4px;
	background: #f5f5f5;
	color: #111827;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.su-community__context-picker-toggle:hover,
.su-community__context-picker-actions button:hover {
	border-color: #f35e84;
	color: #f35e84;
}

.su-community__context-picker-toggle:focus-visible,
.su-community__context-picker-actions button:focus-visible,
.su-community__context-picker-panel input:focus-visible {
	outline: 3px solid rgba(243, 94, 132, 0.22);
	outline-offset: 2px;
}

.su-community__context-picker-panel {
	display: grid;
	gap: 10px;
	padding: 12px;
	border-left: 3px solid #059669;
	background: rgba(248, 250, 252, 0.84);
}

.su-community__context-picker-panel label,
.su-community__context-picker-panel label > span {
	display: grid;
	gap: 6px;
}

.su-community__context-picker-panel label > span {
	color: #111827;
	font-size: 12px;
	font-weight: 700;
}

.su-community__context-picker-panel input {
	box-sizing: border-box;
	width: 100%;
	min-height: 42px;
	padding: 9px 11px;
	border: 1px solid rgba(17, 24, 39, 0.2);
	border-radius: 4px;
	background: #f5f5f5;
	color: #111827;
	font: inherit;
	font-size: 13px;
}

.su-community__context-picker-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.su-community__context-picker-preview {
	display: grid;
	gap: 2px;
	min-height: 20px;
	color: rgba(17, 24, 39, 0.72);
	font-size: 12px;
	line-height: 1.45;
}

.su-community__context-picker-preview strong {
	color: #111827;
	font-size: 13px;
}

.su-community__context-picker-preview[data-state="error"] {
	color: #f35e84;
}

.su-community__cursor-more {
	margin-top: 14px;
}

.su-stitch-stage .su-community__cursor-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	padding: 9px 14px;
	border: 1px solid rgba(17, 24, 39, 0.22);
	border-radius: 4px;
	background: #f5f5f5;
	color: #111827;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
}

.su-stitch-stage .su-community__cursor-more:hover,
.su-stitch-stage .su-community__cursor-more:focus-visible {
	border-color: #f35e84;
	color: #f35e84;
}

.su-stitch-stage .su-community__cursor-more:disabled {
	opacity: 0.6;
	cursor: wait;
}

/* Internal notification preferences share the existing SecretUndies trust palette. */
.su-stitch-notification-preferences,
.su-community__notification-preference-list {
	display: grid;
	gap: 10px;
}

.su-stitch-notification-preferences {
	margin: 18px 0 22px;
	padding: 18px;
	border: 1px solid rgba(17, 24, 39, 0.18);
	background: rgba(248, 250, 252, 0.78);
}

.su-stitch-notification-preferences__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
}

.su-stitch-notification-preferences__head strong,
.su-stitch-notification-preferences__head span {
	display: block;
}

.su-stitch-notification-preferences__head strong {
	color: var(--su-community-ink, #111827);
	font-size: 14px;
}

.su-stitch-notification-preferences__head div > span {
	margin-top: 3px;
	color: var(--su-community-muted, #111827);
	font-size: 12px;
	line-height: 1.5;
}

.su-stitch-notification-preferences__head > span {
	flex: 0 0 auto;
	color: var(--su-community-accent, #f35e84);
	font-size: 11px;
	font-weight: 700;
}

.su-community__notification-preferences .su-community__notification-preference-list {
	grid-column: 1 / -1;
}

.su-community__notification-preference-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.su-community__notification-preference {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	min-width: 0;
	padding: 12px 14px;
	border: 1px solid rgba(17, 24, 39, 0.14);
	background: #f5f5f5;
	cursor: pointer;
}

.su-community__notification-preference-copy,
.su-community__notification-preference-copy strong,
.su-community__notification-preference-copy small {
	display: block;
	min-width: 0;
}

.su-community__notification-preference-copy strong {
	color: #111827;
	font-size: 13px;
	line-height: 1.35;
}

.su-community__notification-preference-copy small {
	margin-top: 2px;
	color: rgba(17, 24, 39, 0.68);
	font-size: 11px;
}

.su-community__notification-preference-toggle {
	position: relative;
	flex: 0 0 auto;
	width: 42px;
	height: 24px;
}

.su-community__notification-preference-toggle input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}

.su-community__notification-preference-toggle span {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(17, 24, 39, 0.24);
	border-radius: 999px;
	background: #f5f5f5;
	transition: background-color 160ms ease, border-color 160ms ease;
}

.su-community__notification-preference-toggle span::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	margin: 3px;
	border-radius: 50%;
	background: rgba(17, 24, 39, 0.55);
	transition: transform 160ms ease, background-color 160ms ease;
}

.su-community__notification-preference-toggle input:checked + span {
	border-color: #059669;
	background: #059669;
}

.su-community__notification-preference-toggle input:checked + span::after {
	transform: translateX(18px);
	background: #f5f5f5;
}

.su-community__notification-preference-toggle input:focus-visible + span {
	outline: 3px solid rgba(243, 94, 132, 0.24);
	outline-offset: 2px;
}

.su-community__notification-preference-toggle input:disabled + span {
	opacity: 0.5;
	cursor: wait;
}

.su-community__notification-preference-message {
	grid-column: 1 / -1;
	margin: 0;
	padding: 12px 14px;
	color: rgba(17, 24, 39, 0.75);
	font-size: 13px;
	line-height: 1.5;
}

.su-community__notification-preference-retry {
	justify-self: start;
	padding: 9px 14px;
	border: 1px solid #111827;
	background: #f5f5f5;
	color: #111827;
	font-weight: 700;
	cursor: pointer;
}

@media (max-width: 720px) {
	.su-community__notification-preference-list {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-stitch-notification-preferences__head {
		align-items: stretch;
		flex-direction: column;
	}
}

/* Profile data views: real timeline, Spaces, media and member navigation. */
.su-community__profile-actions,
.su-community__member-footer {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.su-community__profile-timeline-list,
.su-community__profile-spaces-list,
.su-stitch-profile-panels [data-su-stitch-profile-timeline],
.su-stitch-profile-panels [data-su-stitch-profile-spaces] {
	display: grid;
	gap: 12px;
}

.su-community__profile-space,
.su-community__profile-media-card,
.su-stitch-profile-space,
.su-stitch-profile-media-card {
	display: grid;
	gap: 6px;
	padding: 14px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-surface);
}

.su-community__profile-space p,
.su-stitch-profile-space p {
	margin: 0;
	color: var(--su-community-muted);
}

.su-community__profile-space span,
.su-community__profile-media-card small,
.su-stitch-profile-space span,
.su-stitch-profile-media-card small {
	color: var(--su-community-muted);
	font-size: 0.78rem;
}

.su-community__profile-media-list,
.su-stitch-profile-media {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.su-community__profile-media-visual {
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	background: var(--su-community-soft);
	color: var(--su-community-plum);
	font-weight: 800;
}

.su-community__profile-media-visual img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-stitch-profile-tabs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 22px;
	padding-top: 18px;
	border-top: 1px solid var(--su-stitch-border);
}

.su-stitch-profile-tabs button {
	min-height: 36px;
	padding: 8px 12px;
	border: 1px solid transparent;
	border-radius: 6px;
	background: transparent;
	color: var(--su-stitch-muted);
	font-weight: 700;
}

.su-stitch-profile-tabs button.is-active {
	border-color: var(--su-stitch-border);
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
}

.su-stitch-profile-panels {
	margin-top: 16px;
}

.su-stitch-profile-panels .su-stitch-post {
	box-shadow: none;
}

.su-stitch-profile-summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 12px;
}

.su-stitch-profile-summary span {
	display: grid;
	gap: 3px;
	padding: 12px;
	border: 1px solid var(--su-stitch-border);
	border-radius: 8px;
	background: var(--su-stitch-surface);
}

.su-stitch-profile-summary small {
	color: var(--su-stitch-muted);
}

.su-stitch-profile-panels > section > button {
	margin-top: 12px;
}

@media (max-width: 760px) {
	.su-community__profile-media-list,
	.su-stitch-profile-media,
	.su-stitch-profile-summary {
		grid-template-columns: minmax(0, 1fr);
	}
}

.su-community *,
.su-community *::before,
.su-community *::after {
	box-sizing: border-box;
}

.su-community [hidden] {
	display: none !important;
}

.su-community__sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

.su-community__skip-links {
	position: absolute;
	z-index: 20;
	top: 10px;
	left: 12px;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	pointer-events: none;
}

.su-community__skip-links a {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 7px 10px;
	border: 1px solid rgba(5, 150, 105, 0.28);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.16);
	color: var(--su-community-teal);
	font-size: 0.82rem;
	font-weight: 900;
	line-height: 1.2;
	text-decoration: none;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-150%);
	transition: opacity 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

.su-community__skip-links a:focus-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
	outline: 3px solid rgba(5, 150, 105, 0.24);
	outline-offset: 2px;
}

.su-community :is(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline: 3px solid rgba(5, 150, 105, 0.2);
	outline-offset: 2px;
}

.su-community__hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 18px;
	padding: 22px;
	color: #ffffff;
	background: var(--su-community-plum);
}

.su-community__hero-copy {
	max-width: 660px;
}

.su-community__eyebrow,
.su-community__panel-kicker,
.su-community__rule-kicker {
	margin: 0 0 6px;
	color: var(--su-community-teal);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.su-community__hero .su-community__eyebrow {
	color: #ffffff;
}

.su-community__title {
	margin: 0;
	max-width: 720px;
	color: #ffffff;
	font-size: clamp(1.35rem, 3vw, 2.1rem);
	line-height: 1.08;
	letter-spacing: 0;
}

.su-community__subtitle {
	margin: 10px 0 0;
	max-width: 650px;
	color: rgba(255, 255, 255, 0.82);
	font-size: 0.98rem;
	line-height: 1.55;
}

.su-community__hero-panel {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	flex-wrap: wrap;
}

.su-community__status-pill {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 9px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.1);
	color: #ffffff;
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__status-pill--safe {
	border-color: rgba(5, 150, 105, 0.3);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
}

.su-community__status-pill--quiet {
	border-color: rgba(17, 24, 39, 0.16);
	background: #fafafa;
	color: var(--su-community-plum);
}

.su-community__status-pill--guard {
	border-color: rgba(245, 158, 11, 0.28);
	background: rgba(245, 158, 11, 0.1);
	color: #8a4b05;
}

.su-community__rules {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	background: var(--su-community-border);
	border-bottom: 1px solid var(--su-community-border);
}

.su-community__rule {
	padding: 14px 16px;
	background: var(--su-community-surface);
}

.su-community__rule strong {
	display: block;
	color: var(--su-community-ink);
	font-size: 0.9rem;
	line-height: 1.35;
}

.su-community__nav {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 14px 16px 0;
	padding: 8px;
	overflow-x: auto;
	background: rgba(255, 255, 255, 0.78);
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	box-shadow: 0 8px 22px rgba(17, 24, 39, 0.04);
	-webkit-overflow-scrolling: touch;
	scroll-padding-inline: 8px;
	scroll-snap-type: x proximity;
	scrollbar-width: thin;
}

.su-community__nav-button {
	flex: 0 0 auto;
	position: relative;
	min-height: 34px;
	padding: 7px 11px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	color: var(--su-community-plum);
	cursor: pointer;
	font: inherit;
	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1.2;
	scroll-snap-align: start;
	white-space: nowrap;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.su-community__nav-button:hover,
.su-community__nav-button:focus-visible {
	background: var(--su-community-surface);
	border-color: var(--su-community-border-strong);
	box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.12);
	outline: none;
	transform: translateY(-1px);
}

.su-community__nav-button[aria-current="true"],
.su-community__nav-button[aria-current="location"] {
	background: var(--su-community-plum);
	border-color: var(--su-community-plum);
	box-shadow: 0 8px 18px rgba(17, 24, 39, 0.16);
	color: #ffffff;
}

.su-community__nav-button[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: 0.55;
}

.su-community__notice,
.su-community__profile-panel,
.su-community__members,
.su-community__groups,
.su-community__notifications,
.su-community__composer,
.su-community__feed-shell {
	margin: 16px;
	scroll-margin-top: 16px;
}

.su-community__profile-panel:focus-visible,
.su-community__members:focus-visible,
.su-community__groups:focus-visible,
.su-community__notifications:focus-visible,
.su-community__composer:focus-visible,
.su-community__feed-shell:focus-visible {
	outline: 3px solid rgba(5, 150, 105, 0.22);
	outline-offset: 3px;
}

.su-community__notice {
	padding: 12px 14px;
	background: var(--su-community-panel);
	border: 1px solid var(--su-community-border);
	border-left: 4px solid var(--su-community-rose);
	border-radius: 8px;
	color: var(--su-community-ink);
	font-size: 0.94rem;
	line-height: 1.45;
	box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04);
}

.su-community__notice[data-state="success"] {
	border-left-color: var(--su-community-teal);
}

.su-community__notice[data-state="error"] {
	border-left-color: var(--su-community-danger);
}

.su-community__notice[data-state="warning"] {
	border-left-color: var(--su-community-amber);
}

.su-community__notifications,
.su-community__profile-panel,
.su-community__members,
.su-community__groups,
.su-community__composer,
.su-community__feed-shell,
.su-community__member-card,
.su-community__group-card,
.su-community__post,
.su-community__report-panel,
.su-community__state {
	background: var(--su-community-panel);
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(17, 24, 39, 0.05);
}

.su-community__notifications,
.su-community__profile-panel,
.su-community__members,
.su-community__groups,
.su-community__composer,
.su-community__feed-shell {
	padding: 16px;
}

.su-community__notifications-head,
.su-community__profile-head,
.su-community__members-head,
.su-community__groups-head,
.su-community__composer-head,
.su-community__feed-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.su-community__section-title {
	margin: 0;
	color: var(--su-community-plum);
	font-size: 1rem;
	line-height: 1.25;
	letter-spacing: 0;
}

.su-community__notification-count,
.su-community__feed-count,
.su-community__counter,
.su-community__meta,
.su-community__comment-meta,
.su-community__notification-meta {
	color: var(--su-community-muted);
	font-size: 0.84rem;
	line-height: 1.35;
}

.su-community__feed-count {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 5px 9px;
	border: 1px solid var(--su-community-border);
	border-radius: 999px;
	background: var(--su-community-soft);
	font-weight: 700;
	white-space: nowrap;
}

.su-community__activity-cockpit {
	display: grid;
	gap: 12px;
	margin: 0 0 14px;
	padding: 14px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}

.su-community__activity-brief {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.su-community__activity-title {
	margin: 0 0 5px;
	color: var(--su-community-plum);
	font-size: 0.96rem;
	font-weight: 900;
	line-height: 1.3;
}

.su-community__activity-copy {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.86rem;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.su-community__activity-signal {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 28px;
	padding: 5px 9px;
	border: 1px solid rgba(5, 150, 105, 0.22);
	border-radius: 999px;
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__activity-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.su-community__activity-metrics span {
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(5, 150, 105, 0.14);
	border-radius: 8px;
	background: rgba(5, 150, 105, 0.06);
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}

.su-community__activity-metrics strong {
	color: var(--su-community-teal);
	font-size: 0.92rem;
	line-height: 1.1;
}

.su-community__activity-metrics em {
	font-style: normal;
	overflow-wrap: anywhere;
}

.su-community__stories {
	display: grid;
	gap: 12px;
	min-width: 0;
	margin: 0 0 14px;
	padding: 14px;
	overflow: hidden;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

.su-community__stories-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.su-community__stories-title {
	margin: 0;
	color: var(--su-community-plum);
	font-size: 0.98rem;
	font-weight: 900;
	line-height: 1.25;
}

.su-community__stories-state {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 28px;
	padding: 5px 9px;
	border: 1px solid rgba(243, 94, 132, 0.2);
	border-radius: 999px;
	background: #fff4f7;
	color: var(--su-community-rose);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__stories-list {
	display: flex;
	gap: 10px;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	overflow-x: auto;
	padding: 2px 1px 7px;
	scrollbar-width: thin;
}

.su-community__story-card {
	position: relative;
	display: grid;
	grid-template-rows: 116px minmax(58px, auto);
	flex: 0 0 132px;
	gap: 8px;
	min-width: 0;
	min-height: 188px;
	padding: 8px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: #ffffff;
	color: var(--su-community-ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.su-community__story-card:hover,
.su-community__story-card:focus-visible {
	border-color: rgba(5, 150, 105, 0.36);
	box-shadow: 0 12px 26px rgba(17, 24, 39, 0.1);
	transform: translateY(-1px);
}

.su-community__story-card-media {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 8px;
	min-width: 0;
	min-height: 116px;
	padding: 9px;
	overflow: hidden;
	border-radius: 7px;
	background-color: var(--su-community-plum);
	background-image:
		linear-gradient(180deg, rgba(17, 24, 39, 0.08) 0%, rgba(17, 24, 39, 0.78) 100%),
		url("../images/su-community-banner.webp");
	background-position: center;
	background-size: cover;
}

.su-community__story-media-image,
.su-community__story-viewer-media > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community__story-media-image {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.su-community__story-media-image[hidden],
.su-community__story-viewer-media > img[hidden] {
	display: none;
}

.su-community__story-card-media .su-community__story-avatar,
.su-community__story-card-media .su-community__story-badge {
	position: relative;
	z-index: 1;
}

.su-community__story-card--create .su-community__story-card-media {
	background-color: rgba(5, 150, 105, 0.06);
	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(5, 150, 105, 0.12) 100%),
		url("../images/su-community-banner.webp");
}

.su-community__story-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 2px solid #ffffff;
	border-radius: 999px;
	background: var(--su-community-teal);
	color: #ffffff;
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1;
	box-shadow: 0 8px 18px rgba(17, 24, 39, 0.22);
}

.su-community__story-avatar img,
.su-stitch-story__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
}

.su-community__story-card--create .su-community__story-avatar {
	background: #ffffff;
	color: var(--su-community-teal);
}

.su-community__story-badge {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	max-width: 70px;
	padding: 3px 7px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.9);
	color: var(--su-community-plum);
	font-size: 0.66rem;
	font-weight: 900;
	line-height: 1.15;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.su-community__story-card-body {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.su-community__story-card-body strong {
	color: var(--su-community-plum);
	font-size: 0.82rem;
	font-weight: 900;
	line-height: 1.22;
	overflow-wrap: anywhere;
}

.su-community__story-card-body em {
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 750;
	line-height: 1.3;
	overflow-wrap: anywhere;
}

.su-community__stories-footnote {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.su-community__story-viewer {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: grid;
	place-items: center;
	padding: 18px;
}

.su-community__story-viewer-backdrop {
	position: absolute;
	inset: 0;
	border: 0;
	background: rgba(17, 24, 39, 0.64);
	cursor: pointer;
}

.su-community__story-viewer-panel {
	position: relative;
	display: grid;
	gap: 14px;
	width: min(100%, 430px);
	max-height: min(720px, calc(100vh - 36px));
	overflow: auto;
	padding: 14px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 28px 72px rgba(17, 24, 39, 0.36);
}

.su-community__story-progress {
	height: 5px;
	overflow: hidden;
	border-radius: 999px;
	background: var(--su-community-soft);
}

.su-community__story-progress span {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--su-community-teal), var(--su-community-rose));
	transition: width 180ms ease;
}

.su-community__story-viewer-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	min-width: 0;
}

.su-community__story-viewer-title {
	margin: 0;
	color: var(--su-community-plum);
	font-size: 1.12rem;
	font-weight: 900;
	line-height: 1.25;
}

.su-community__story-viewer-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 10px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: #ffffff;
	color: var(--su-community-plum);
	font: inherit;
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.2;
	cursor: pointer;
}

.su-community__story-viewer-media {
	overflow: hidden;
	height: 300px;
	min-height: 300px;
	border-radius: 8px;
	background-color: var(--su-community-plum);
	background-image:
		linear-gradient(180deg, rgba(17, 24, 39, 0.08) 0%, rgba(17, 24, 39, 0.72) 100%),
		url("../images/su-community-banner.webp");
	background-position: center;
	background-size: cover;
}

.su-community__story-viewer-media > img {
	min-height: 0;
}

.su-community__story-viewer-copy {
	margin: 0;
	color: var(--su-community-ink);
	font-size: 0.92rem;
	font-weight: 700;
	line-height: 1.48;
}

.su-community__story-viewer-rules {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.su-community__story-viewer-rules span {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 8px;
	border: 1px solid rgba(5, 150, 105, 0.16);
	border-radius: 999px;
	background: rgba(5, 150, 105, 0.06);
	color: var(--su-community-teal);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
}

.su-community__story-viewer-actions {
	display: flex;
	justify-content: space-between;
	gap: 8px;
}

.su-community__story-viewer-actions .su-community__button {
	flex: 1 1 0;
}

.su-community__story-viewer-actions .su-community__button:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

/* Phase I.28: screenshot-led app shell. Scoped so existing logic stays intact. */
.su-community--stitch {
	--su-community-pink: var(--su-mp-primary, #f35e84);
	--su-community-pink-soft: rgba(243, 94, 132, 0.08);
	--su-community-pink-hover: var(--su-mp-primary-hover, #111827);
	--su-community-green-soft: rgba(5, 150, 105, 0.1);
	--su-community-blue-soft: rgba(17, 24, 39, 0.06);
	--su-community-orange-soft: rgba(245, 158, 11, 0.12);
	--su-community-purple-soft: rgba(17, 24, 39, 0.08);
	--su-community-red-soft: rgba(243, 94, 132, 0.1);
	width: 100%;
	max-width: none;
	min-height: 100vh;
	margin: 0;
	overflow: visible;
	border: 0;
	border-radius: 0;
	background-color: var(--su-mp-bg-soft, #fafafa);
	background-image:
		linear-gradient(to right, #e5e7eb 1px, transparent 1px),
		linear-gradient(to bottom, #e5e7eb 1px, transparent 1px);
	background-size: 50px 50px;
	color: var(--su-mp-text, #111827);
	box-shadow: none;
	font-family: var(--su-mp-font, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
}

.su-community--stitch .su-community__topbar {
	position: sticky;
	z-index: 40;
	top: 0;
	display: grid;
	grid-template-columns: minmax(170px, 250px) minmax(220px, 660px) minmax(140px, 250px);
	align-items: center;
	gap: 24px;
	min-height: 64px;
	padding: 0 24px;
	border-bottom: 1px solid #e5e7eb;
	background: #ffffff;
	box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08);
}

.su-community--stitch .su-community__brand {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	color: var(--su-mp-text, #111827);
	font-family: var(--su-mp-font, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
	font-size: clamp(1.45rem, 2vw, 1.9rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1;
}

.su-community--stitch .su-community__brand img {
	display: block;
	width: auto;
	height: 42px;
	max-width: min(210px, 100%);
	object-fit: contain;
}

.su-community--stitch .su-community__brand span {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}

.su-community--stitch .su-community__search {
	position: relative;
	display: flex;
	align-items: center;
	min-width: 0;
}

.su-community--stitch .su-community__search input {
	width: 100%;
	min-height: 40px;
	padding: 9px 18px 9px 46px;
	border: 0;
	border-radius: 999px;
	background: #f5f5f5;
	color: #374151;
	font: inherit;
	font-size: 0.95rem;
	line-height: 1.2;
}

.su-community--stitch .su-community__search input:focus {
	background: #ffffff;
	box-shadow: 0 0 0 3px rgba(243, 94, 132, 0.14);
	outline: 0;
}

.su-community--stitch .su-community__search-icon {
	position: absolute;
	left: 18px;
	width: 16px;
	height: 16px;
	border: 2px solid #9ca3af;
	border-radius: 999px;
}

.su-community--stitch .su-community__search-icon::after {
	position: absolute;
	right: -6px;
	bottom: -5px;
	width: 8px;
	height: 2px;
	border-radius: 999px;
	background: #9ca3af;
	content: "";
	transform: rotate(45deg);
}

.su-community--stitch .su-community__top-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
}

.su-community--stitch .su-community__top-icon,
.su-community--stitch .su-community__top-avatar {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: #4b5563;
	cursor: pointer;
}

.su-community--stitch .su-community__top-icon::before {
	width: 18px;
	height: 20px;
	border: 2px solid currentColor;
	border-bottom-width: 3px;
	border-radius: 9px 9px 7px 7px;
	content: "";
}

.su-community--stitch .su-community__top-dot {
	position: absolute;
	top: 7px;
	right: 8px;
	width: 9px;
	height: 9px;
	border: 2px solid #ffffff;
	border-radius: 999px;
	background: var(--su-community-pink);
}

.su-community--stitch .su-community__top-avatar {
	border: 2px solid #111827;
	background:
		linear-gradient(135deg, rgba(5, 150, 105, 0.78), rgba(17, 24, 39, 0.92)),
		url("../images/su-community-banner.webp");
	background-position: center;
	background-size: cover;
	color: #ffffff;
	font-size: 0.72rem;
	font-weight: 900;
}

.su-community--stitch .su-community__hero,
.su-community--stitch .su-community__rules {
	display: none;
}

.su-community--stitch .su-community__layout {
	display: grid;
	grid-template-columns: minmax(172px, 224px) minmax(0, 680px) minmax(240px, 288px);
	align-items: start;
	gap: 32px;
	width: min(100%, 1400px);
	margin: 0 auto;
	padding: 28px 24px 56px;
}

.su-community--stitch .su-community__main-column {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
	min-width: 0;
}

.su-community--stitch .su-community__nav {
	position: sticky;
	top: 92px;
	display: grid;
	gap: 7px;
	width: 100%;
	margin: 30px 0 0;
	padding: 0;
	overflow: visible;
	background: transparent;
	box-shadow: none;
}

.su-community--stitch .su-community__nav[hidden] {
	display: none !important;
}

.su-community--stitch .su-community__nav-button {
	position: relative;
	justify-content: flex-start;
	gap: 14px;
	min-height: 52px;
	padding: 12px 18px;
	border: 0;
	border-radius: 14px;
	background: transparent;
	box-shadow: none;
	color: #4b5563;
	font-size: 1rem;
	font-weight: 650;
	line-height: 1.2;
	text-align: left;
}

.su-community--stitch .su-community__nav-button:hover,
.su-community--stitch .su-community__nav-button:focus-visible {
	background: rgba(255, 255, 255, 0.72);
	color: #111827;
	box-shadow: 0 1px 4px rgba(17, 24, 39, 0.08);
	transform: none;
}

.su-community--stitch .su-community__nav-button[aria-current="true"],
.su-community--stitch .su-community__nav-button[aria-current="location"] {
	background: rgba(243, 244, 246, 0.96);
	color: #111827;
	box-shadow: none;
}

.su-community--stitch .su-community__nav-button[aria-current="true"]::before,
.su-community--stitch .su-community__nav-button[aria-current="location"]::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 26px;
	border-radius: 0 999px 999px 0;
	background: var(--su-community-pink);
	content: "";
	transform: translateY(-50%);
}

.su-community--stitch .su-community__nav-glyph {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 0;
	color: #9ca3af;
	font-size: 20px;
	line-height: 1;
}

.su-community--stitch .su-community__nav-button[aria-current="true"] .su-community__nav-glyph,
.su-community--stitch .su-community__nav-button[aria-current="location"] .su-community__nav-glyph {
	color: var(--su-community-pink);
	background: transparent;
}

.su-community--stitch .su-community__right-rail {
	position: sticky;
	top: 92px;
	display: grid;
	gap: 24px;
	min-width: 0;
}

.su-community--stitch .su-community__rail-card {
	padding: 24px;
	border: 1px solid #e5e7eb;
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.1), 0 1px 2px rgba(17, 24, 39, 0.06);
}

.su-community--stitch .su-community__rail-card h3 {
	margin: 0 0 20px;
	color: #111827;
	font-size: 1.12rem;
	font-weight: 800;
	line-height: 1.25;
	text-align: center;
}

.su-community--stitch .su-community__quick-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px 12px;
}

.su-community--stitch .su-community__quick-action,
.su-community--stitch .su-community__trend-list button {
	display: grid;
	gap: 8px;
	justify-items: center;
	min-width: 0;
	min-height: 74px;
	border: 0;
	background: transparent;
	color: #374151;
	font: inherit;
	cursor: pointer;
	text-decoration: none;
}

.su-community--stitch .su-community__quick-action--locked {
	cursor: default;
	color: #6b7280;
}

.su-community--stitch .su-community__quick-action:focus-visible {
	border-radius: 12px;
	outline: 3px solid rgba(243, 94, 132, 0.14);
	outline-offset: 4px;
}

.su-community--stitch .su-community__quick-grid small {
	display: block;
	max-width: 84px;
	color: #374151;
	font-size: 0.68rem;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	overflow-wrap: anywhere;
}

.su-community--stitch .su-community__quick-icon,
.su-community--stitch .su-community__trend-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 13px;
	font-size: 21px;
	line-height: 1;
}

.su-community--stitch .su-community__quick-icon--pink,
.su-community--stitch .su-community__trend-icon--pink {
	background: var(--su-community-pink-soft);
	box-shadow: inset 0 0 0 1px rgba(243, 94, 132, 0.14);
	color: var(--su-community-pink);
}

.su-community--stitch .su-community__quick-icon--green,
.su-community--stitch .su-community__trend-icon--green {
	background: var(--su-community-green-soft);
	box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.18);
	color: #059669;
}

.su-community--stitch .su-community__quick-icon--locked {
	position: relative;
	background: #f5f5f5;
	box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.08);
	color: #111827;
}

.su-community--stitch .su-community__quick-action--locked small {
	color: #4b5563;
}

.su-community--stitch .su-community__quick-icon--orange {
	background: var(--su-community-orange-soft);
	box-shadow: inset 0 0 0 1px rgba(245, 158, 11, 0.18);
	color: #f59e0b;
}

.su-community--stitch .su-community__quick-icon--blue {
	background: var(--su-community-blue-soft);
	box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.12);
	color: #111827;
}

.su-community--stitch .su-community__quick-icon--red {
	background: var(--su-community-red-soft);
	box-shadow: inset 0 0 0 1px rgba(243, 94, 132, 0.16);
	color: #f35e84;
}

.su-community--stitch .su-community__quick-icon--purple,
.su-community--stitch .su-community__trend-icon--purple {
	background: var(--su-community-purple-soft);
	box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.16);
	color: #111827;
}

.su-community--stitch .su-community__safety-profile {
	text-align: center;
}

.su-community--stitch .su-community__safety-mark {
	width: 60px;
	height: 60px;
	margin: 0 auto 14px;
	border-radius: 999px;
	background:
		radial-gradient(circle at 50% 42%, #ffffff 0 12px, transparent 13px),
		#f5f5f5;
	box-shadow: inset 0 0 0 18px #f5f5f5, inset 0 0 0 20px rgba(17, 24, 39, 0.16);
}

.su-community--stitch .su-community__safety-profile p {
	display: grid;
	gap: 5px;
	margin: 0 0 18px;
	color: #6b7280;
	font-size: 0.8rem;
	line-height: 1.35;
}

.su-community--stitch .su-community__safety-profile strong {
	color: #111827;
	font-size: 1rem;
}

.su-community--stitch .su-community__rail-cta {
	width: 100%;
	min-height: 44px;
	border: 0;
	border-radius: 10px;
	background: linear-gradient(90deg, var(--su-community-pink), var(--su-community-pink-hover));
	color: #ffffff;
	font: inherit;
	font-size: 0.95rem;
	font-weight: 800;
	cursor: pointer;
}

.su-community--stitch .su-community__trend-list {
	display: grid;
	gap: 16px;
}

.su-community--stitch .su-community__trend-list button {
	grid-template-columns: 42px minmax(0, 1fr);
	justify-items: start;
	gap: 12px;
	text-align: left;
}

.su-community--stitch .su-community__trend-list span:last-child {
	display: grid;
	gap: 3px;
}

.su-community--stitch .su-community__trend-list strong {
	color: #111827;
	font-size: 0.92rem;
	font-weight: 750;
	line-height: 1.2;
}

.su-community--stitch .su-community__trend-list small {
	color: #6b7280;
	font-size: 0.78rem;
	line-height: 1.2;
}

.su-community--stitch .su-community__notice,
.su-community--stitch .su-community__profile-panel,
.su-community--stitch .su-community__members,
.su-community--stitch .su-community__groups,
.su-community--stitch .su-community__notifications,
.su-community--stitch .su-community__composer,
.su-community--stitch .su-community__stories,
.su-community--stitch .su-community__post,
.su-community--stitch .su-community__state {
	margin: 0;
	padding: 24px;
	border: 1px solid #e5e7eb;
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.1), 0 1px 2px rgba(17, 24, 39, 0.06);
}

.su-community--stitch .su-community__feed-shell {
	display: grid;
	gap: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.su-community--stitch .su-community__feed-head,
.su-community--stitch .su-community__activity-cockpit,
.su-community--stitch .su-community__feed-tools {
	display: none;
}

.su-community--stitch .su-community__stories {
	gap: 20px;
	overflow: hidden;
}

.su-community--stitch .su-community__stories-head {
	margin: 0;
}

.su-community--stitch .su-community__panel-kicker {
	color: #059669;
	letter-spacing: 0.06em;
}

.su-community--stitch .su-community__stories-title,
.su-community--stitch .su-community__section-title {
	color: #111827;
	font-size: 1.28rem;
	font-weight: 850;
	line-height: 1.2;
}

.su-community--stitch .su-community__stories-state,
.su-community--stitch .su-community__stories-footnote {
	display: none;
}

.su-community--stitch .su-community__stories-list {
	gap: 14px;
	padding: 0 0 4px;
	overflow-x: auto;
}

.su-community--stitch .su-community__story-card {
	display: flex;
	flex: 0 0 96px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 96px;
	min-height: 144px;
	padding: 12px 9px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	background: #f5f5f5;
	box-shadow: none;
	text-align: center;
}

.su-community--stitch .su-community__story-card:nth-child(2) {
	background: #76684f;
	color: #ffffff;
}

.su-community--stitch .su-community__story-card:nth-child(3) {
	background: #38413f;
	color: #ffffff;
}

.su-community--stitch .su-community__story-card:nth-child(4) {
	background: #737d89;
	color: #ffffff;
}

.su-community--stitch .su-community__story-card-media {
	display: grid;
	place-items: center;
	width: auto;
	min-height: 58px;
	padding: 0;
	overflow: visible;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.su-community--stitch .su-community__story-avatar {
	width: 56px;
	height: 56px;
	border: 4px solid var(--su-community-pink);
	background:
		linear-gradient(135deg, rgba(5, 150, 105, 0.82), rgba(17, 24, 39, 0.92)),
		url("../images/su-community-banner.webp");
	background-position: center;
	background-size: cover;
	font-size: 0.68rem;
}

.su-community--stitch .su-community__story-card--create .su-community__story-avatar {
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.62), rgba(5, 150, 105, 0.26)),
		url("../images/su-community-banner.webp");
	background-position: center;
	background-size: cover;
	color: #059669;
}

.su-community--stitch .su-community__story-badge {
	display: none;
}

.su-community--stitch .su-community__story-card-body strong {
	color: inherit;
	font-size: 0.78rem;
}

.su-community--stitch .su-community__story-card-body em {
	color: currentColor;
	font-size: 0.68rem;
	opacity: 0.76;
}

.su-community--stitch .su-community__composer {
	display: grid;
	gap: 0;
}

.su-community--stitch .su-community__composer-head,
.su-community--stitch .su-community__composer-assist,
.su-community--stitch .su-community__composer-main-head,
.su-community--stitch .su-community__composer-guidance,
.su-community--stitch .su-community__composer-side,
.su-community--stitch .su-community__composer .su-community__label {
	display: none;
}

.su-community--stitch .su-community__composer-workbench,
.su-community--stitch .su-community__composer-grid,
.su-community--stitch .su-community__composer-main {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.su-community--stitch .su-community__composer-grid {
	position: relative;
	padding-left: 58px;
}

.su-community--stitch .su-community__composer-grid::before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background:
		linear-gradient(135deg, rgba(5, 150, 105, 0.82), rgba(17, 24, 39, 0.92)),
		url("../images/su-community-banner.webp");
	background-position: center;
	background-size: cover;
	content: "";
}

.su-community--stitch .su-community__textarea[data-su-community-composer-body] {
	height: 46px;
	min-height: 46px;
	max-height: 110px;
	padding: 13px 20px;
	border: 0;
	border-radius: 999px;
	background: #f5f5f5;
	color: #374151;
	font-size: 0.96rem;
	overflow: hidden;
	resize: none;
}

.su-community--stitch .su-community__composer .su-community__textarea {
	height: 46px;
	min-height: 46px;
	max-height: 46px;
	overflow: hidden;
	resize: none;
}

.su-community--stitch .su-community__composer-submit-row {
	justify-content: flex-end;
	margin-top: 12px;
	padding-left: 58px;
	border: 0;
}

.su-community--stitch .su-community__composer-submit-hint,
.su-community--stitch .su-community__counter {
	color: #6b7280;
	font-size: 0.78rem;
}

.su-community--stitch .su-community__button--primary {
	border-color: transparent;
	background: var(--su-community-pink);
	color: #ffffff;
}

.su-community--stitch .su-community__feed {
	display: grid;
	gap: 24px;
	padding: 0;
}

.su-community--stitch .su-community__feed::before,
.su-community--stitch .su-community__timeline-marker,
.su-community--stitch .su-community__post-safety-rail,
.su-community--stitch .su-community__post-insights {
	display: none;
}

.su-community--stitch .su-community__post {
	overflow: hidden;
}

.su-community--stitch .su-community__post-header,
.su-community--stitch .su-community__post-footer {
	border: 0;
	padding: 0;
}

.su-community--stitch .su-community__post-avatar {
	width: 42px;
	height: 42px;
	background: var(--su-community-pink-soft);
	color: var(--su-community-pink);
}

.su-community--stitch .su-community__author,
.su-community--stitch .su-community__post-title-row {
	color: #111827;
	font-size: 0.95rem;
	font-weight: 800;
}

.su-community--stitch .su-community__post-stream-type,
.su-community--stitch .su-community__badge,
.su-community--stitch .su-community__post-audience,
.su-community--stitch .su-community__post-dot {
	display: none;
}

.su-community--stitch .su-community__post-content {
	display: block;
	padding: 14px 0 18px;
	border-bottom: 1px solid #f5f5f5;
}

.su-community--stitch .su-community__body {
	color: #111827;
	font-size: 0.98rem;
	line-height: 1.5;
}

.su-community--stitch .su-community__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 22px;
}

.su-community--stitch .su-community__action-button {
	width: auto;
	min-height: 30px;
	padding: 4px 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #4b5563;
	font-size: 0.95rem;
	font-weight: 750;
}

.su-community--stitch .su-community__action-button[data-active="true"] {
	background: transparent;
	color: var(--su-community-pink);
}

.su-community--stitch .su-community__profile-focus,
.su-community--stitch .su-community__member-directory,
.su-community--stitch .su-community__space-cockpit,
.su-community--stitch .su-community__notification-center,
.su-community--stitch .su-community__profile-card,
.su-community--stitch .su-community__profile-tab-panel,
.su-community--stitch .su-community__group-detail-card,
.su-community--stitch .su-community__member-card,
.su-community--stitch .su-community__group-card,
.su-community--stitch .su-community__notification-item {
	border: 1px solid #e5e7eb;
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.08);
}

.su-community--stitch .su-community__profile-cover {
	border-radius: 18px 18px 0 0;
	background:
		linear-gradient(135deg, rgba(243, 94, 132, 0.12), rgba(5, 150, 105, 0.14)),
		url("../images/su-community-banner.webp");
	background-position: center;
	background-size: cover;
}

.su-community--stitch .su-community__profile-tab,
.su-community--stitch .su-community__feed-filter-button,
.su-community--stitch .su-community__member-filter-button,
.su-community--stitch .su-community__space-filter-button,
.su-community--stitch .su-community__notification-filter-button {
	border-color: #e5e7eb;
	border-radius: 999px;
	background: #f5f5f5;
	color: #4b5563;
	box-shadow: none;
}

.su-community--stitch .su-community__profile-tab[aria-selected="true"],
.su-community--stitch .su-community__feed-filter-button[data-active="true"],
.su-community--stitch .su-community__member-filter-button[data-active="true"],
.su-community--stitch .su-community__space-filter-button[data-active="true"],
.su-community--stitch .su-community__notification-filter-button[data-active="true"] {
	border-color: rgba(243, 94, 132, 0.24);
	background: var(--su-community-pink-soft);
	color: var(--su-community-pink);
}

.su-community--stitch .su-community__load-more {
	margin: 0;
}

@media (max-width: 1180px) {
	.su-community--stitch .su-community__layout {
		grid-template-columns: minmax(154px, 190px) minmax(0, 1fr);
	}

	.su-community--stitch .su-community__right-rail {
		position: static;
		grid-column: 2;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 860px) {
	.su-community--stitch .su-community__topbar {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 12px;
		padding: 10px 14px;
	}

	.su-community--stitch .su-community__search {
		grid-column: 1 / -1;
		order: 3;
	}

	.su-community--stitch .su-community__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
		padding: 18px 12px 40px;
	}

	.su-community--stitch .su-community__nav {
		position: static;
		display: flex;
		gap: 8px;
		margin: 0;
		overflow-x: auto;
		padding-bottom: 4px;
	}

	.su-community--stitch .su-community__nav-button {
		flex: 0 0 auto;
		min-height: 42px;
		padding: 9px 13px;
		font-size: 0.88rem;
		white-space: nowrap;
	}

	.su-community--stitch .su-community__nav-button::before,
	.su-community--stitch .su-community__nav-glyph {
		display: none;
	}

	.su-community--stitch .su-community__main-column,
	.su-community--stitch .su-community__right-rail {
		grid-column: 1;
	}

	.su-community--stitch .su-community__right-rail {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 520px) {
	.su-community--stitch .su-community__brand {
		font-size: 1.42rem;
	}

	.su-community--stitch .su-community__brand img {
		height: 34px;
		max-width: 164px;
	}

	.su-community--stitch .su-community__notice,
	.su-community--stitch .su-community__profile-panel,
	.su-community--stitch .su-community__members,
	.su-community--stitch .su-community__groups,
	.su-community--stitch .su-community__notifications,
	.su-community--stitch .su-community__composer,
	.su-community--stitch .su-community__stories,
	.su-community--stitch .su-community__post,
	.su-community--stitch .su-community__state,
	.su-community--stitch .su-community__rail-card {
		padding: 18px;
		border-radius: 18px;
	}

	.su-community--stitch .su-community__story-card {
		flex-basis: 92px;
		min-width: 92px;
	}

	.su-community--stitch .su-community__composer-grid,
	.su-community--stitch .su-community__composer-submit-row {
		padding-left: 0;
	}

	.su-community--stitch .su-community__composer-grid::before {
		display: none;
	}

	.su-community--stitch .su-community__actions {
		gap: 16px;
	}
}

.su-community__feed-tools {
	display: grid;
	gap: 9px;
	margin: 0 0 14px;
}

.su-community__feed-filter-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	max-width: 100%;
}

.su-community__feed-filter-group,
.su-community__member-filter-group,
.su-community__space-filter-group {
	display: flex;
	gap: 6px;
	max-width: 100%;
	overflow-x: auto;
	padding: 2px 1px 4px;
	scrollbar-width: thin;
}

.su-community__feed-filter-button,
.su-community__member-filter-button,
.su-community__space-filter-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: max-content;
	min-height: 36px;
	padding: 7px 10px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: #ffffff;
	color: var(--su-community-plum);
	font: inherit;
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
	white-space: nowrap;
}

.su-community__feed-filter-button:hover,
.su-community__feed-filter-button:focus-visible,
.su-community__member-filter-button:hover,
.su-community__member-filter-button:focus-visible,
.su-community__space-filter-button:hover,
.su-community__space-filter-button:focus-visible {
	border-color: var(--su-community-border-strong);
	background: var(--su-community-surface);
	box-shadow: 0 8px 18px rgba(17, 24, 39, 0.06);
}

.su-community__feed-filter-button:focus-visible,
.su-community__member-filter-button:focus-visible,
.su-community__space-filter-button:focus-visible {
	outline: 3px solid rgba(5, 150, 105, 0.18);
	outline-offset: 2px;
}

.su-community__feed-filter-button[data-active="true"],
.su-community__member-filter-button[data-active="true"],
.su-community__space-filter-button[data-active="true"] {
	border-color: rgba(5, 150, 105, 0.35);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.12);
}

.su-community__feed-filter-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	min-height: 20px;
	padding: 2px 6px;
	border-radius: 6px;
	background: var(--su-community-soft);
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1;
}

.su-community__feed-filter-button[data-active="true"] .su-community__feed-filter-count {
	background: #ffffff;
	color: var(--su-community-teal);
}

.su-community__feed-filter-summary,
.su-community__member-filter-summary,
.su-community__space-filter-summary {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.35;
}

.su-community__member-directory {
	display: grid;
	gap: 12px;
	margin: 0 0 14px;
	padding: 14px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background:
		linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
	box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

.su-community__space-cockpit {
	display: grid;
	gap: 12px;
	margin: 0 0 14px;
	padding: 14px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
	box-shadow: 0 10px 28px rgba(17, 24, 39, 0.05);
}

.su-community__member-directory-brief,
.su-community__space-cockpit-brief {
	display: grid;
	gap: 12px;
	align-items: stretch;
}

.su-community__member-directory-title,
.su-community__space-cockpit-title {
	margin: 0 0 5px;
	color: var(--su-community-plum);
	font-size: 0.96rem;
	font-weight: 900;
	line-height: 1.3;
}

.su-community__member-directory-copy,
.su-community__space-cockpit-copy {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.86rem;
	line-height: 1.45;
}

.su-community__member-directory-metrics,
.su-community__space-cockpit-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.su-community__member-directory-metrics span,
.su-community__space-cockpit-metrics span {
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(5, 150, 105, 0.14);
	border-radius: 8px;
	background: rgba(5, 150, 105, 0.06);
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
	text-align: center;
}

.su-community__member-directory-metrics strong,
.su-community__space-cockpit-metrics strong {
	color: var(--su-community-teal);
	font-size: 1rem;
	line-height: 1.1;
}

.su-community__member-tools,
.su-community__space-tools {
	display: grid;
	gap: 10px;
}

.su-community__member-search-label,
.su-community__space-search-label {
	display: grid;
	gap: 6px;
	color: var(--su-community-plum);
	font-size: 0.78rem;
	font-weight: 900;
	line-height: 1.2;
}

.su-community__member-search,
.su-community__space-search {
	width: 100%;
}

.su-community__member-filter-grid,
.su-community__space-filter-grid {
	display: grid;
	gap: 8px;
}

.su-community__notification-center {
	display: grid;
	gap: 10px;
	margin: 10px 0 14px;
}

.su-community__notification-filter-group {
	display: flex;
	gap: 6px;
	max-width: 100%;
	overflow-x: auto;
	padding: 2px 1px 4px;
	scrollbar-width: thin;
}

.su-community__notification-filter-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-width: max-content;
	min-height: 36px;
	padding: 7px 10px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: #ffffff;
	color: var(--su-community-plum);
	font: inherit;
	font-size: 0.82rem;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
	white-space: nowrap;
}

.su-community__notification-filter-button:hover,
.su-community__notification-filter-button:focus-visible {
	border-color: var(--su-community-border-strong);
	background: var(--su-community-surface);
	box-shadow: 0 8px 18px rgba(17, 24, 39, 0.06);
}

.su-community__notification-filter-button:focus-visible {
	outline: 3px solid rgba(5, 150, 105, 0.18);
	outline-offset: 2px;
}

.su-community__notification-filter-button[data-active="true"] {
	border-color: rgba(5, 150, 105, 0.35);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.12);
}

.su-community__notification-filter-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	min-height: 20px;
	padding: 2px 6px;
	border-radius: 6px;
	background: var(--su-community-soft);
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1;
}

.su-community__notification-filter-button[data-active="true"] .su-community__notification-filter-count {
	background: #ffffff;
	color: var(--su-community-teal);
}

.su-community__notification-filter-summary {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.35;
}

.su-community__notification-preferences {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 10px;
	padding: 12px;
	border: 1px solid rgba(5, 150, 105, 0.18);
	border-radius: 8px;
	background: linear-gradient(135deg, #ffffff 0%, #f1faf8 100%);
}

.su-community__notification-preferences[data-preferences="locked"] {
	border-color: rgba(245, 158, 11, 0.22);
	background: linear-gradient(135deg, #ffffff 0%, #fff8ea 100%);
}

.su-community__notification-preferences-title {
	margin: 0 0 4px;
	color: var(--su-community-plum);
	font-size: 0.86rem;
	font-weight: 900;
	line-height: 1.25;
}

.su-community__notification-preferences-copy {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.82rem;
	line-height: 1.45;
}

.su-community__notification-preferences-status {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.su-community__notification-preference-chip {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 8px;
	border: 1px solid rgba(5, 150, 105, 0.2);
	border-radius: 999px;
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__notification-preference-chip--locked {
	border-color: rgba(245, 158, 11, 0.22);
	background: rgba(245, 158, 11, 0.1);
	color: #8a4b05;
}

.su-community__label {
	display: block;
	margin-bottom: 7px;
	color: var(--su-community-plum);
	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1.3;
}

.su-community__field-help {
	margin: -2px 0 12px;
	color: var(--su-community-muted);
	font-size: 0.82rem;
	line-height: 1.45;
}

.su-community__input,
.su-community__textarea,
.su-community__select {
	width: 100%;
	max-width: 100%;
	color: var(--su-community-ink);
	background: #ffffff;
	border: 1px solid var(--su-community-border-strong);
	border-radius: 8px;
	font: inherit;
	line-height: 1.5;
}

.su-community__input[aria-invalid="true"],
.su-community__textarea[aria-invalid="true"],
.su-community__select[aria-invalid="true"],
.su-community__file[aria-invalid="true"] {
	border-color: rgba(185, 28, 28, 0.62);
	box-shadow: 0 0 0 3px rgba(185, 28, 28, 0.08);
}

.su-community__input {
	min-height: 42px;
	padding: 9px 10px;
}

.su-community__textarea {
	min-height: 110px;
	padding: 12px 13px;
	resize: vertical;
}

.su-community__textarea--comment {
	min-height: 82px;
}

.su-community__composer-workbench {
	display: grid;
	gap: 12px;
}

.su-community__composer-assist {
	display: grid;
	gap: 9px;
	padding: 12px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}

.su-community__composer-progress {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
}

.su-community__composer-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 5px 9px;
	border: 1px solid var(--su-community-border);
	border-radius: 999px;
	background: #ffffff;
	color: var(--su-community-muted);
	font-size: 0.76rem;
	font-weight: 900;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__composer-step[data-state="active"] {
	border-color: rgba(5, 150, 105, 0.3);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
}

.su-community__composer-step[data-state="done"] {
	border-color: rgba(17, 24, 39, 0.16);
	background: #fafafa;
	color: var(--su-community-plum);
}

.su-community__composer-step[data-state="warning"] {
	border-color: rgba(245, 158, 11, 0.28);
	background: rgba(245, 158, 11, 0.1);
	color: #8a4b05;
}

.su-community__composer-readiness,
.su-community__composer-panel-copy,
.su-community__composer-submit-hint {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.4;
}

.su-community__composer[data-composer-state="ready"] .su-community__composer-readiness {
	color: var(--su-community-teal);
}

.su-community__composer[data-composer-state="warning"] .su-community__composer-readiness {
	color: #8a4b05;
}

.su-community__composer-intent {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.su-community__composer-intent span {
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(74, 35, 69, 0.1);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.78);
}

.su-community__composer-intent strong {
	color: var(--su-community-plum);
	font-size: 0.76rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.su-community__composer-intent em {
	color: var(--su-community-muted);
	font-size: 0.78rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

.su-community__composer-grid {
	display: grid;
	gap: 12px;
}

.su-community__composer-main,
.su-community__composer-side {
	min-width: 0;
}

.su-community__composer-main {
	display: grid;
	gap: 8px;
}

.su-community__composer-main-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	padding: 12px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #fff9fb;
}

.su-community__composer-main-head div {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.su-community__composer-main-head strong {
	color: var(--su-community-plum);
	font-size: 0.96rem;
	line-height: 1.2;
}

.su-community__composer-main-head span:not(.su-community__composer-tone) {
	color: var(--su-community-muted);
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.35;
}

.su-community__composer-tone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 28px;
	max-width: 160px;
	padding: 5px 9px;
	border: 1px solid var(--su-community-border);
	border-radius: 999px;
	background: #ffffff;
	color: var(--su-community-muted);
	font-size: 0.74rem;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
	white-space: normal;
}

.su-community__composer-tone[data-state="ready"] {
	border-color: rgba(5, 150, 105, 0.24);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
}

.su-community__composer-tone[data-state="warning"] {
	border-color: rgba(245, 158, 11, 0.28);
	background: rgba(245, 158, 11, 0.1);
	color: #8a4b05;
}

.su-community__composer-tone[data-state="saving"] {
	border-color: rgba(74, 35, 69, 0.16);
	background: #fafafa;
	color: var(--su-community-plum);
}

.su-community__composer-guidance {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
	margin: 0 0 10px;
}

.su-community__composer-rule {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 9px;
	border: 1px solid var(--su-community-border);
	border-radius: 999px;
	background: var(--su-community-surface);
	color: var(--su-community-plum);
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__composer-side {
	display: grid;
	gap: 10px;
}

.su-community__composer-panel,
.su-community__composer-preview {
	display: grid;
	gap: 10px;
	padding: 12px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #fff9fb;
}

.su-community__composer-panel-title {
	display: block;
	margin-bottom: 4px;
	color: var(--su-community-plum);
	font-size: 0.92rem;
	line-height: 1.25;
}

.su-community__composer-checklist {
	display: grid;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.su-community__composer-checklist li {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);
	gap: 8px;
	align-items: center;
	min-height: 32px;
	padding: 7px 8px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #ffffff;
}

.su-community__composer-checklist li span {
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.su-community__composer-checklist li strong {
	color: var(--su-community-plum);
	font-size: 0.78rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.su-community__composer-checklist li[data-state="ok"] {
	border-color: rgba(5, 150, 105, 0.18);
	background: rgba(5, 150, 105, 0.06);
}

.su-community__composer-checklist li[data-state="ok"] strong {
	color: var(--su-community-teal);
}

.su-community__composer-checklist li[data-state="warning"] {
	border-color: rgba(245, 158, 11, 0.28);
	background: rgba(245, 158, 11, 0.1);
}

.su-community__composer-checklist li[data-state="warning"] strong {
	color: #8a4b05;
}

.su-community__composer-preview {
	background: #ffffff;
}

.su-community__composer-preview[data-state="ready"] {
	border-color: rgba(5, 150, 105, 0.22);
	background: rgba(5, 150, 105, 0.06);
}

.su-community__composer-preview-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.su-community__composer-preview-head strong {
	color: var(--su-community-plum);
	font-size: 0.86rem;
	line-height: 1.2;
}

.su-community__composer-preview-head span {
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
}

.su-community__composer-preview p {
	margin: 0;
	color: var(--su-community-ink);
	font-size: 0.88rem;
	line-height: 1.48;
	overflow-wrap: anywhere;
}

.su-community__composer-preview[data-state="empty"] p {
	color: var(--su-community-muted);
}

.su-community__composer-submit-hint {
	flex: 1 1 180px;
}

.su-community__composer-submit-row {
	align-items: center;
	margin-top: 12px;
	padding: 11px 12px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #ffffff;
}

.su-community__media-uploader {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid var(--su-community-border);
}

.su-community__media-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
}

.su-community__media-hint {
	color: var(--su-community-muted);
	font-size: 0.8rem;
	line-height: 1.35;
	text-align: right;
}

.su-community__media-flow {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin: 0 0 10px;
}

.su-community__media-flow span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 6px 8px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #fff9fb;
	color: var(--su-community-plum);
	font-size: 0.76rem;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
}

.su-community__media-drop {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 8px;
	padding: 14px;
	background: #ffffff;
	border: 1px dashed var(--su-community-border-strong);
	border-radius: 8px;
	transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.su-community__media-uploader[data-media-selection="ready"] .su-community__media-drop,
.su-community__media-uploader[data-media-selection="uploading"] .su-community__media-drop {
	border-color: rgba(5, 150, 105, 0.38);
	background: #f7fbfa;
}

.su-community__media-uploader[data-media-selection="error"] .su-community__media-drop {
	border-color: rgba(245, 158, 11, 0.42);
	background: #fffaf1;
}

.su-community__media-drop .su-community__file {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.su-community__media-drop:focus-within,
.su-community__media-drop:hover {
	background: #ffffff;
	border-color: var(--su-community-teal);
	box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.1);
}

.su-community__media-drop-copy {
	display: grid;
	gap: 3px;
	pointer-events: none;
}

.su-community__media-drop-copy strong {
	color: var(--su-community-plum);
	font-size: 0.94rem;
	line-height: 1.25;
}

.su-community__media-drop-copy span {
	color: var(--su-community-muted);
	font-size: 0.84rem;
	line-height: 1.35;
}

.su-community__media-row {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.su-community__file {
	width: min(100%, 420px);
	padding: 8px;
	color: var(--su-community-ink);
	background: #ffffff;
	border: 1px solid var(--su-community-border-strong);
	border-radius: 8px;
	font: inherit;
}

.su-community__media-list {
	display: grid;
	gap: 8px;
	margin-top: 10px;
}

.su-community__media-preview {
	margin-top: 10px;
}

.su-community__media-preview-card {
	display: grid;
	grid-template-columns: 104px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 12px;
	background: var(--su-community-panel);
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	box-shadow: 0 8px 22px rgba(17, 24, 39, 0.04);
}

.su-community__media-preview-card--error {
	border-color: rgba(159, 18, 57, 0.28);
	background: #fff8fb;
}

.su-community__media-preview-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 104px;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-soft);
	color: var(--su-community-muted);
	font-weight: 800;
}

.su-community__media-preview-visual img,
.su-community__media-preview-visual video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community__video-preview-play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--su-community-plum);
	color: #ffffff;
	font-size: 20px;
	pointer-events: none;
	transform: translate(-50%, -50%);
}

.su-community__media-preview-copy,
.su-community__media-preview-badges {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.su-community__media-preview-status {
	color: var(--su-community-teal);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.su-community__media-preview-title {
	color: var(--su-community-plum);
	font-size: 0.95rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.su-community__media-preview-badges {
	display: flex;
	flex-wrap: wrap;
}

.su-community__media-facts {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.su-community__media-fact {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 7px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-soft);
	color: var(--su-community-plum);
	font-size: 0.76rem;
	font-weight: 800;
}

.su-community__media-gallery {
	display: grid;
	gap: 10px;
	padding: 11px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: #ffffff;
}

.su-community__media-gallery-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.su-community__media-gallery-copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.su-community__media-gallery-title {
	color: var(--su-community-plum);
	font-size: 0.9rem;
	font-weight: 900;
	line-height: 1.25;
}

.su-community__media-gallery-note {
	color: var(--su-community-muted);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.35;
}

.su-community__media-gallery-count {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 8px;
	border: 1px solid rgba(5, 150, 105, 0.2);
	border-radius: 8px;
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	font-size: 0.76rem;
	font-weight: 900;
	white-space: nowrap;
}

.su-community__media-gallery-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.su-community__media-item {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	min-height: 64px;
	padding: 9px;
	background: var(--su-community-soft);
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
}

.su-community__media-item[data-selected-for-post="true"] {
	border-color: var(--su-community-rose);
	box-shadow: inset 0 0 0 1px var(--su-community-rose);
}

.su-community__media-item-actions .su-community__button[aria-pressed="true"] {
	border-color: var(--su-community-rose);
	background: var(--su-community-rose);
	color: #ffffff;
}

.su-community__media-item-visual {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	aspect-ratio: 1;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-soft);
	color: var(--su-community-teal);
	font-size: 0.72rem;
	font-weight: 900;
	overflow: hidden;
}

.su-community__media-item-visual img,
.su-community__media-item-visual video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community__media-item[data-media-kind="audio"] {
	grid-template-columns: minmax(0, 1fr);
}

.su-community__media-item[data-media-kind="audio"] .su-community__media-item-visual {
	width: 100%;
	min-height: 46px;
	aspect-ratio: auto;
	border: 0;
	background: transparent;
	overflow: visible;
}

.su-community__media-item-visual audio {
	display: block;
	width: 100%;
	max-width: 100%;
}

.su-community__media-item-visual audio[hidden] {
	display: none;
}

.su-community__media-item-visual video[hidden] {
	display: none;
}

.su-community__media-item-copy {
	display: grid;
	gap: 5px;
	min-width: 0;
}

.su-community__media-item-title {
	color: var(--su-community-plum);
	font-size: 0.84rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.su-community__media-item-meta {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.su-community__media-item-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 2px;
}

.su-community__media-meta {
	color: var(--su-community-muted);
	font-size: 0.88rem;
	line-height: 1.35;
}

.su-community__media-load-more {
	margin-top: 8px;
}

.su-community__select {
	min-height: 42px;
	padding: 9px 10px;
}

.su-community__textarea::placeholder {
	color: #8b7280;
}

.su-community__input:focus,
.su-community__textarea:focus,
.su-community__select:focus,
.su-community__file:focus,
.su-community__button:focus,
.su-community__action-button:focus {
	outline: 3px solid rgba(5, 150, 105, 0.16);
	outline-offset: 2px;
	border-color: var(--su-community-teal);
}

.su-community__input[aria-invalid="true"]:focus,
.su-community__textarea[aria-invalid="true"]:focus,
.su-community__select[aria-invalid="true"]:focus,
.su-community__file[aria-invalid="true"]:focus {
	outline-color: rgba(185, 28, 28, 0.16);
	border-color: var(--su-community-danger);
}

.su-community__form-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 12px;
	flex-wrap: wrap;
}

.su-community__counter[data-over="true"] {
	color: var(--su-community-danger);
	font-weight: 800;
}

.su-community__button,
.su-community__action-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 9px 12px;
	border: 1px solid var(--su-community-border-strong);
	border-radius: 8px;
	background: #ffffff;
	color: var(--su-community-plum);
	font: inherit;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	text-decoration: none;
	transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.su-community__button:hover,
.su-community__action-button:hover {
	border-color: var(--su-community-teal);
	color: var(--su-community-teal);
}

.su-community__button:active,
.su-community__action-button:active {
	transform: translateY(1px);
}

.su-community__button:disabled,
.su-community__action-button:disabled {
	opacity: 0.55;
	cursor: not-allowed;
	transform: none;
}

.su-community__button--primary {
	background: var(--su-community-plum);
	border-color: var(--su-community-plum);
	color: #ffffff;
}

.su-community__button--primary:hover {
	background: var(--su-community-plum-soft);
	border-color: var(--su-community-plum-soft);
	color: #ffffff;
}

.su-community__button--small {
	min-height: 36px;
	padding: 6px 10px;
	font-size: 0.8rem;
}

.su-community__tip-button {
	border-color: rgba(5, 150, 105, 0.28);
	background: #eef9f6;
	color: var(--su-community-teal);
}

.su-community__tip-button:hover,
.su-community__tip-button:focus-visible {
	border-color: var(--su-community-teal);
	background: #dff3ef;
	color: #0b5f59;
}

.su-community__notification-list,
.su-community__member-list,
.su-community__group-list,
.su-community__feed,
.su-community__comment-list {
	display: grid;
	gap: 12px;
}

.su-community__feed {
	position: relative;
	gap: 14px;
	padding-left: 24px;
}

.su-community__feed::before {
	position: absolute;
	inset: 8px auto 8px 9px;
	width: 2px;
	border-radius: 999px;
	background: linear-gradient(180deg, rgba(5, 150, 105, 0.42), rgba(195, 67, 118, 0.32));
	content: "";
}

.su-community__profile-focus {
	position: relative;
	overflow: hidden;
	margin-bottom: 14px;
	border: 1px solid rgba(74, 35, 69, 0.14);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 14px 32px rgba(17, 24, 39, 0.06);
}

.su-community__profile-focus::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: var(--su-community-teal);
	content: "";
}

.su-community__profile-focus[data-role="vendor"]::before {
	background: var(--su-community-rose);
}

.su-community__profile-focus[data-role="moderator"]::before {
	background: var(--su-community-plum-soft);
}

.su-community__profile-cover {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: 132px;
	padding: 18px 20px 46px;
	background:
		linear-gradient(135deg, rgba(17, 24, 39, 0.96), rgba(5, 150, 105, 0.48) 52%, rgba(243, 94, 132, 0.5)),
		#111827;
	color: rgba(255, 255, 255, 0.74);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.su-community__profile-cover img,
.su-stitch-profile-card__cover img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community__profile-cover > span,
.su-stitch-profile-card__cover > span {
	position: relative;
	z-index: 1;
}

.su-community__profile-focus-body {
	position: relative;
	display: grid;
	gap: 14px;
	margin-top: -44px;
	padding: 0 18px 18px 22px;
}

.su-community__profile-identity {
	display: grid;
	grid-template-columns: 92px minmax(0, 1fr);
	gap: 16px;
	align-items: end;
}

.su-community__avatar--focus {
	width: 92px;
	height: 92px;
	border-width: 2px;
	background: #ffffff;
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.12);
	font-size: 1.28rem;
}

.su-community__avatar {
	position: relative;
	overflow: hidden;
}

.su-community__avatar img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community__avatar > span {
	position: relative;
	z-index: 1;
}

.su-community__profile-copy {
	min-width: 0;
	padding: 10px 0 1px;
}

.su-community__profile-copy .su-community__panel-kicker {
	margin-bottom: 3px;
}

.su-community__profile-copy .su-community__section-title {
	margin-bottom: 5px;
	font-size: clamp(1.08rem, 2vw, 1.32rem);
}

.su-community__profile-copy p {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.9rem;
	line-height: 1.48;
	overflow-wrap: anywhere;
}

.su-community__profile-status-rail {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}

.su-community__profile-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 9px;
}

.su-community__profile-metric {
	padding: 10px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #fff9fb;
}

.su-community__profile-metric span {
	display: block;
	margin-bottom: 4px;
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
}

.su-community__profile-metric strong {
	display: block;
	color: var(--su-community-plum);
	font-size: 0.86rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.su-community__profile-nav {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	padding-top: 2px;
	border-top: 1px solid rgba(234, 223, 229, 0.82);
}

.su-community__profile-tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	padding: 7px 10px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: #ffffff;
	color: var(--su-community-plum);
	font: inherit;
	font-size: 0.82rem;
	font-weight: 900;
	line-height: 1.2;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.su-community__profile-tab:hover,
.su-community__profile-tab:focus-visible {
	border-color: var(--su-community-border-strong);
	background: var(--su-community-surface);
	color: var(--su-community-teal);
}

.su-community__profile-tab[data-active="true"],
.su-community__profile-tab[aria-selected="true"] {
	border-color: rgba(5, 150, 105, 0.35);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.12);
}

.su-community__profile-layout {
	display: grid;
	grid-template-columns: minmax(180px, 0.38fr) minmax(0, 1fr);
	gap: 12px;
	margin-bottom: 14px;
}

.su-community__profile-sidebar,
.su-community__profile-panels {
	min-width: 0;
}

.su-community__profile-sidebar {
	display: grid;
	gap: 10px;
	align-content: start;
}

.su-community__profile-card,
.su-community__profile-tab-panel {
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 10px 24px rgba(17, 24, 39, 0.05);
}

.su-community__profile-card {
	display: grid;
	gap: 8px;
	padding: 13px;
}

.su-community__profile-card--contact {
	background: #f5f5f5;
}

.su-community__profile-card strong {
	color: var(--su-community-plum);
	font-size: 0.92rem;
	line-height: 1.25;
}

.su-community__profile-card p,
.su-community__profile-stream-card p {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.84rem;
	line-height: 1.45;
}

.su-community__profile-mini-rail {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.su-community__profile-mini-rail span {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 7px;
	border: 1px solid rgba(5, 150, 105, 0.18);
	border-radius: 999px;
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1.2;
}

.su-community__profile-panels {
	display: grid;
}

.su-community__profile-tab-panel {
	display: grid;
	gap: 12px;
	padding: 14px;
}

.su-community__profile-tab-panel[hidden] {
	display: none;
}

.su-community__profile-panel-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(234, 223, 229, 0.82);
}

.su-community__profile-panel-head h4 {
	margin: 0;
	color: var(--su-community-plum);
	font-size: 0.98rem;
	line-height: 1.25;
	letter-spacing: 0;
}

.su-community__profile-panel-head span {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 8px;
	border: 1px solid rgba(5, 150, 105, 0.22);
	border-radius: 999px;
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__profile-stream-card {
	display: grid;
	gap: 6px;
	padding: 13px;
	border: 1px solid rgba(5, 150, 105, 0.15);
	border-left: 4px solid var(--su-community-teal);
	border-radius: 8px;
	background: rgba(5, 150, 105, 0.06);
}

.su-community__profile-stream-card strong {
	color: var(--su-community-plum);
	font-size: 0.94rem;
	line-height: 1.25;
}

.su-community__profile-info-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.su-community__profile-info-grid span {
	display: grid;
	gap: 4px;
	min-width: 0;
	padding: 11px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: #ffffff;
}

.su-community__profile-info-grid small {
	color: var(--su-community-muted);
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1.2;
}

.su-community__profile-info-grid strong {
	color: var(--su-community-plum);
	font-size: 0.86rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.su-community__profile-summary,
.su-community__member-head,
.su-community__group-head {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	margin-bottom: 14px;
}

.su-community__profile-summary {
	position: relative;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(234, 223, 229, 0.8);
}

.su-community__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(5, 150, 105, 0.22);
	border-radius: 8px;
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	font-size: 0.92rem;
	font-weight: 900;
	line-height: 1;
}

.su-community__avatar--vendor {
	border-color: rgba(243, 94, 132, 0.28);
	background: #fbedf2;
	color: var(--su-community-rose);
}

.su-community__avatar--buyer {
	border-color: rgba(5, 150, 105, 0.24);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
}

.su-community__avatar--moderator {
	border-color: rgba(17, 24, 39, 0.2);
	background: #fafafa;
	color: var(--su-community-plum);
}

.su-community__avatar.su-community__avatar--focus {
	width: 92px;
	height: 92px;
	border-width: 2px;
	background: #ffffff;
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.12);
	font-size: 1.28rem;
}

.su-community__group-emblem {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(17, 24, 39, 0.14);
	border-radius: 8px;
	background: #fafafa;
	color: var(--su-community-plum);
	font-size: 0.92rem;
	font-weight: 900;
	line-height: 1;
}

.su-community__group-title-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	min-width: 0;
}

.su-community__profile-summary strong,
.su-community__member-name,
.su-community__group-name {
	display: block;
	color: var(--su-community-plum);
	font-size: 0.98rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.su-community__profile-summary p,
.su-community__member-tagline,
.su-community__group-description {
	margin: 5px 0 0;
	color: var(--su-community-muted);
	font-size: 0.88rem;
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.su-community__profile-trust,
.su-community__member-trust {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 14px;
}

.su-community__member-trust {
	margin-bottom: 0;
}

.su-community__profile-trust-item {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 9px;
	border: 1px solid rgba(74, 35, 69, 0.16);
	border-radius: 999px;
	background: #fff9fb;
	color: var(--su-community-plum-soft);
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__profile-trust-item[data-contact="open"] {
	border-color: rgba(5, 150, 105, 0.3);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
}

.su-community__profile-trust-item[data-contact="locked"] {
	border-color: rgba(245, 158, 11, 0.28);
	background: rgba(245, 158, 11, 0.1);
	color: #8a4b05;
}

.su-community__profile-form {
	display: grid;
	gap: 8px;
	padding-top: 12px;
	border-top: 1px solid var(--su-community-border);
}

.su-community__profile-media-editor {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 8px 0;
}

.su-community__profile-media-editor > div {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-surface);
}

.su-community__profile-media-editor strong,
.su-community__profile-media-editor small {
	width: 100%;
}

.su-community__profile-media-editor small {
	color: var(--su-community-muted);
}

.su-community__group-create {
	display: grid;
	gap: 9px;
	margin-bottom: 14px;
	padding: 14px;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	box-shadow: 0 8px 22px rgba(17, 24, 39, 0.04);
}

.su-community__group-create-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 2px;
}

.su-community__group-create-head strong {
	color: var(--su-community-plum);
	font-size: 0.96rem;
	line-height: 1.25;
}

.su-community__group-create-head p {
	margin: 5px 0 0;
	color: var(--su-community-muted);
	font-size: 0.86rem;
	line-height: 1.4;
}

.su-community__group-create-guidance {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
}

.su-community__group-detail {
	margin-bottom: 14px;
}

.su-community__group-detail-card {
	position: relative;
	display: grid;
	gap: 12px;
	overflow: hidden;
	padding: 15px;
	border: 1px solid rgba(74, 35, 69, 0.14);
	border-radius: 8px;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.07);
}

.su-community__group-detail-card::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: var(--su-community-teal);
	content: "";
}

.su-community__group-detail-card[data-visibility="private"]::before {
	background: var(--su-community-rose);
}

.su-community__group-detail-card[data-state="loading"] {
	border-color: rgba(5, 150, 105, 0.24);
}

.su-community__group-detail-card[data-state="error"] {
	border-color: rgba(245, 158, 11, 0.3);
}

.su-community__group-detail-hero {
	display: grid;
	gap: 11px;
	padding-bottom: 11px;
	border-bottom: 1px solid rgba(234, 223, 229, 0.82);
}

.su-community__group-detail-identity {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

.su-community__group-detail-emblem {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	aspect-ratio: 1;
	border: 1px solid rgba(5, 150, 105, 0.2);
	border-radius: 8px;
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	font-size: 1rem;
	font-weight: 900;
	line-height: 1;
}

.su-community__group-detail-copy {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.su-community__group-detail-title {
	margin: 0;
	color: var(--su-community-plum);
	font-size: 1.05rem;
	font-weight: 900;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.su-community__group-detail-description {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.9rem;
	line-height: 1.48;
	overflow-wrap: anywhere;
}

.su-community__group-detail-chips {
	display: flex;
	gap: 7px;
	flex-wrap: wrap;
}

.su-community__group-detail-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.su-community__group-detail-metric {
	padding: 10px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #fff9fb;
}

.su-community__group-detail-metric span {
	display: block;
	margin-bottom: 4px;
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
}

.su-community__group-detail-metric strong {
	display: block;
	color: var(--su-community-plum);
	font-size: 0.9rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.su-community__space-detail-control {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.su-community__space-control-item {
	display: grid;
	gap: 4px;
	min-width: 0;
	padding: 10px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #ffffff;
}

.su-community__space-control-item span,
.su-community__space-rail-item small {
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	text-transform: uppercase;
}

.su-community__space-control-item strong,
.su-community__space-rail-item strong {
	color: var(--su-community-plum);
	font-size: 0.82rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.su-community__space-control-item[data-state="active"],
.su-community__space-control-item[data-state="ok"] {
	border-color: rgba(5, 150, 105, 0.22);
	background: rgba(5, 150, 105, 0.06);
}

.su-community__space-control-item[data-state="active"] strong,
.su-community__space-control-item[data-state="ok"] strong {
	color: var(--su-community-teal);
}

.su-community__space-control-item[data-state="pending"] {
	border-color: rgba(245, 158, 11, 0.26);
	background: rgba(245, 158, 11, 0.1);
}

.su-community__space-control-item[data-state="pending"] strong {
	color: #8a4b05;
}

.su-community__space-control-item[data-state="locked"] {
	border-color: rgba(243, 94, 132, 0.2);
	background: #fff9fb;
}

.su-community__space-control-item[data-state="locked"] strong {
	color: var(--su-community-rose);
}

.su-community__group-rules,
.su-community__group-request {
	display: grid;
	gap: 8px;
	padding: 11px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-soft);
}

.su-community__group-rules-title,
.su-community__group-request-title {
	color: var(--su-community-plum);
	font-size: 0.88rem;
	font-weight: 900;
	line-height: 1.25;
}

.su-community__group-rule-list {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.su-community__group-rule-list li {
	position: relative;
	padding-left: 14px;
	color: var(--su-community-ink);
	font-size: 0.84rem;
	line-height: 1.38;
}

.su-community__group-rule-list li::before {
	position: absolute;
	top: 0.62em;
	left: 0;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: var(--su-community-teal);
	content: "";
}

.su-community__group-request {
	background: #fff9fb;
}

.su-community__group-request-copy,
.su-community__group-request-note {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.84rem;
	line-height: 1.42;
}

.su-community__profile-options {
	display: grid;
	gap: 8px;
	margin-top: 4px;
	color: var(--su-community-ink);
	font-size: 0.9rem;
	line-height: 1.35;
}

.su-community__profile-options label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.su-community__member-card,
.su-community__group-card {
	padding: 14px;
}

.su-community__group-card {
	position: relative;
	display: grid;
	gap: 10px;
	overflow: hidden;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.su-community__group-card::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--su-community-plum-soft);
	content: "";
	opacity: 0.72;
}

.su-community__group-card[data-visibility="members"]::before {
	background: var(--su-community-teal);
}

.su-community__group-card[data-visibility="private"]::before {
	background: var(--su-community-rose);
}

.su-community__group-card[data-status="pending"]::before {
	background: var(--su-community-amber);
}

.su-community__group-card[data-status="locked"]::before {
	background: var(--su-community-rose);
}

.su-community__group-card[data-active="true"] {
	border-color: rgba(5, 150, 105, 0.32);
	background: linear-gradient(180deg, #ffffff 0%, rgba(5, 150, 105, 0.06) 100%);
}

.su-community__group-card:hover {
	border-color: var(--su-community-border-strong);
	box-shadow: 0 12px 26px rgba(17, 24, 39, 0.08);
	transform: translateY(-1px);
}

.su-community__space-card-rail {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.su-community__space-rail-item {
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: 9px;
	border: 1px solid rgba(74, 35, 69, 0.1);
	border-radius: 8px;
	background: #ffffff;
}

.su-community__space-action-note {
	margin: -2px 0 0;
	color: var(--su-community-muted);
	font-size: 0.82rem;
	font-weight: 700;
	line-height: 1.38;
}

.su-community__member-card {
	position: relative;
	display: grid;
	gap: 12px;
	overflow: hidden;
	background:
		linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.su-community__member-card::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: var(--su-community-teal);
	content: "";
	opacity: 0.75;
}

.su-community__member-card[data-role="vendor"]::before {
	background: var(--su-community-rose);
}

.su-community__member-card[data-role="moderator"]::before {
	background: var(--su-community-plum-soft);
}

.su-community__member-card[data-verified="true"] {
	border-color: rgba(5, 150, 105, 0.22);
	box-shadow: 0 12px 30px rgba(5, 150, 105, 0.07);
}

.su-community__member-card[data-contact="open"] {
	background: linear-gradient(180deg, #ffffff 0%, rgba(5, 150, 105, 0.06) 100%);
}

.su-community__member-card:hover {
	border-color: var(--su-community-border-strong);
	box-shadow: 0 12px 26px rgba(17, 24, 39, 0.08);
	transform: translateY(-1px);
}

.su-community__member-identity-strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: -4px -2px 0;
	padding: 0 0 8px;
	border-bottom: 1px solid rgba(234, 223, 229, 0.74);
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 900;
	letter-spacing: 0.04em;
	line-height: 1.2;
	text-transform: uppercase;
}

.su-community__member-contact-signal {
	color: #8a4b05;
	text-align: right;
	letter-spacing: 0;
	text-transform: none;
}

.su-community__member-card[data-contact="open"] .su-community__member-contact-signal {
	color: var(--su-community-teal);
}

.su-community__member-title-row {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	min-width: 0;
}

.su-community__member-badges,
.su-community__group-badges {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 12px;
}

.su-community__member-badges {
	margin-bottom: 0;
}

.su-community__group-badges {
	margin-bottom: 0;
}

.su-community__group-trust {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.su-community__group-trust .su-community__profile-trust-item,
.su-community__group-badges .su-community__post-insight {
	font-size: 0.74rem;
}

.su-community__group-activity {
	display: grid;
	grid-template-columns: auto minmax(88px, 1fr);
	gap: 10px;
	align-items: center;
	padding-top: 2px;
}

.su-community__group-activity-label {
	color: var(--su-community-muted);
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.2;
}

.su-community__group-meter {
	display: block;
	height: 7px;
	overflow: hidden;
	border-radius: 999px;
	background: #f4edf1;
}

.su-community__group-meter-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--su-community-teal), var(--su-community-rose));
}

.su-community__member-badges .su-community__status-pill,
.su-community__member-badges .su-community__profile-trust-item,
.su-community__member-trust .su-community__profile-trust-item,
.su-community__member-trust .su-community__contact {
	font-size: 0.74rem;
}

.su-community__member-footer {
	padding-top: 8px;
	border-top: 1px solid rgba(234, 223, 229, 0.74);
}

.su-community__member-rule-rail {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
}

.su-community__member-rule {
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: 9px;
	border: 1px solid rgba(74, 35, 69, 0.12);
	border-radius: 8px;
	background: #fff9fb;
}

.su-community__member-rule small {
	color: var(--su-community-muted);
	font-size: 0.68rem;
	font-weight: 900;
	line-height: 1.15;
	text-transform: uppercase;
}

.su-community__member-rule strong {
	color: var(--su-community-plum);
	font-size: 0.78rem;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.su-community__member-safety-note {
	display: block;
	color: var(--su-community-muted);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.4;
}

.su-community__contact {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 9px;
	border-radius: 999px;
	font-size: 0.76rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__contact--open {
	border: 1px solid rgba(5, 150, 105, 0.3);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
}

.su-community__contact--locked {
	border: 1px solid rgba(245, 158, 11, 0.28);
	background: rgba(245, 158, 11, 0.1);
	color: #8a4b05;
}

.su-community__notification {
	position: relative;
	display: grid;
	gap: 10px;
	padding: 12px;
	background: var(--su-community-soft);
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	overflow: hidden;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.su-community__notification[data-unread="true"] {
	border-left: 4px solid var(--su-community-rose);
	background: #fff8fb;
}

.su-community__notification:hover {
	border-color: var(--su-community-border-strong);
	box-shadow: 0 10px 24px rgba(17, 24, 39, 0.07);
	transform: translateY(-1px);
}

.su-community__notification-head {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
}

.su-community__notification-marker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(74, 35, 69, 0.16);
	border-radius: 8px;
	background: #fff9fb;
}

.su-community__notification-marker::before {
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: var(--su-community-muted);
	content: "";
	opacity: 0.5;
}

.su-community__notification[data-unread="true"] .su-community__notification-marker {
	border-color: rgba(243, 94, 132, 0.28);
	background: rgba(186, 26, 26, 0.08);
}

.su-community__notification[data-unread="true"] .su-community__notification-marker::before {
	background: var(--su-community-rose);
	opacity: 1;
}

.su-community__notification-copy {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.su-community__notification-message {
	margin: 0;
	color: var(--su-community-ink);
	font-size: 0.92rem;
	line-height: 1.4;
	overflow-wrap: anywhere;
}

.su-community__notification-row {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
}

.su-community__notification-status {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 8px;
	border: 1px solid var(--su-community-border);
	border-radius: 999px;
	background: var(--su-community-panel);
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__notification-status--unread {
	border-color: rgba(243, 94, 132, 0.28);
	background: rgba(186, 26, 26, 0.08);
	color: var(--su-community-rose);
}

.su-community__notification-type {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 8px;
	border: 1px solid rgba(5, 150, 105, 0.18);
	border-radius: 999px;
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__notification-actions {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	padding-top: 8px;
	border-top: 1px solid rgba(234, 223, 229, 0.85);
}

.su-community__post {
	position: relative;
	display: grid;
	gap: 0;
	padding: 0;
	overflow: visible;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.su-community__post::before {
	position: absolute;
	inset: 0 auto 0 0;
	width: 3px;
	background: linear-gradient(180deg, var(--su-community-teal), var(--su-community-rose));
	content: "";
	opacity: 0.72;
}

.su-community__timeline-marker {
	position: absolute;
	z-index: 2;
	top: 18px;
	left: -25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-radius: 999px;
	background: #ffffff;
	box-shadow: 0 0 0 4px #ffffff;
	pointer-events: none;
}

.su-community__timeline-dot {
	display: inline-flex;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: var(--su-community-teal);
	box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.15);
}

.su-community__timeline-label {
	display: none;
}

.su-community__post[data-activity-type="vendor"] .su-community__timeline-dot,
.su-community__post[data-activity-type="context"] .su-community__timeline-dot {
	background: var(--su-community-rose);
	box-shadow: 0 0 0 3px rgba(195, 67, 118, 0.14);
}

.su-community__post[data-activity-type="discussion"] .su-community__timeline-dot {
	background: var(--su-community-plum-soft);
	box-shadow: 0 0 0 3px rgba(74, 35, 69, 0.14);
}

.su-community__post[data-activity-type="review"] .su-community__timeline-dot {
	background: var(--su-community-amber);
	box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.18);
}

.su-community__post:hover {
	border-color: var(--su-community-border-strong);
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
	transform: translateY(-1px);
}

.su-community__post-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	padding: 15px 16px 12px;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
	border-bottom: 1px solid rgba(234, 223, 229, 0.8);
	border-radius: 8px 8px 0 0;
}

.su-community__post-identity {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 11px;
	align-items: center;
	min-width: 0;
}

.su-community__post-avatar {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(5, 150, 105, 0.22);
	border-radius: 8px;
	background: linear-gradient(180deg, rgba(5, 150, 105, 0.1) 0%, #fff8fb 100%);
	color: var(--su-community-plum);
	font-size: 0.84rem;
	font-weight: 900;
	line-height: 1;
}

.su-community__post-avatar img,
.su-stitch-post__avatar img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community__post-avatar > span,
.su-stitch-post__avatar > span {
	position: relative;
	z-index: 1;
}

.su-community__meta {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.su-community__post-title-row,
.su-community__post-summary {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
	min-width: 0;
}

.su-community__author {
	color: var(--su-community-plum);
	font-weight: 800;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.su-community__author-profile-link,
.su-stitch-post__profile-link,
.su-stitch-comment__author-link {
	color: inherit;
	text-decoration: none;
}

.su-community__author-profile-link,
.su-stitch-post__profile-link {
	display: inline-flex;
	align-items: center;
	border-radius: 6px;
}

.su-community__author-profile-link--name:hover,
.su-stitch-post__profile-link--name:hover,
.su-stitch-comment__author-link:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.su-community__author-profile-link:focus-visible,
.su-stitch-post__profile-link:focus-visible,
.su-stitch-comment__author-link:focus-visible {
	outline: 2px solid var(--su-community-plum);
	outline-offset: 3px;
}

.su-community__date {
	color: var(--su-community-muted);
}

.su-community__post-audience {
	color: var(--su-community-teal);
	font-weight: 800;
}

.su-community__post-stream-type {
	display: inline-flex;
	align-items: center;
	min-height: 22px;
	padding: 3px 7px;
	border: 1px solid rgba(5, 150, 105, 0.18);
	border-radius: 999px;
	background: #f7fbfa;
	color: var(--su-community-teal);
	font-size: 0.7rem;
	font-weight: 900;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__post-dot {
	display: inline-flex;
	width: 4px;
	height: 4px;
	border-radius: 999px;
	background: var(--su-community-border-strong);
}

.su-community__badge {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 3px 8px;
	border-radius: 999px;
	background: rgba(186, 26, 26, 0.08);
	color: var(--su-community-rose);
	font-size: 0.76rem;
	font-weight: 800;
}

.su-community__badge--inline {
	margin-top: 8px;
}

.su-community__post-safety-rail {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
	padding: 10px 16px;
	background: #f5f5f5;
	border-bottom: 1px solid rgba(234, 223, 229, 0.82);
}

.su-community__post-safety-chip {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	min-height: 26px;
	padding: 5px 9px;
	border: 1px solid var(--su-community-border);
	border-radius: 999px;
	background: #ffffff;
	color: var(--su-community-muted);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1.2;
	white-space: nowrap;
	overflow-wrap: anywhere;
}

.su-community__post-safety-chip--safe {
	border-color: rgba(5, 150, 105, 0.24);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
}

.su-community__post-safety-chip--guard {
	border-color: rgba(245, 158, 11, 0.3);
	background: rgba(245, 158, 11, 0.1);
	color: #8a4b05;
}

.su-community__post-safety-chip--danger {
	border-color: rgba(159, 18, 57, 0.24);
	background: #fff1f5;
	color: var(--su-community-danger);
}

.su-community__post-safety-chip--audience {
	border-color: rgba(74, 35, 69, 0.16);
	background: #fff9fb;
	color: var(--su-community-plum-soft);
}

.su-community__post-safety-chip--context {
	border-color: rgba(5, 150, 105, 0.2);
	background: #f7fbfa;
	color: var(--su-community-teal);
}

.su-community__post-safety-chip--quiet {
	border-color: rgba(107, 114, 128, 0.16);
	background: #ffffff;
	color: var(--su-community-muted);
}

.su-community__post-content {
	display: grid;
	gap: 12px;
	padding: 14px 16px 8px;
	background: #ffffff;
}

.su-community__post-copy {
	display: grid;
	gap: 8px;
}

.su-community__post-media-grid,
.su-stitch-post__media-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	min-width: 0;
}

.su-community__post-media-grid[data-media-count="1"],
.su-stitch-post__media-grid[data-media-count="1"] {
	grid-template-columns: minmax(0, 1fr);
}

.su-community__post-media-item,
.su-stitch-post__media-item {
	position: relative;
	min-width: 0;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-soft);
}

.su-community__post-media-item img,
.su-stitch-post__media-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community__post-media-item img[hidden],
.su-stitch-post__media-item img[hidden] {
	display: none;
}

.su-community__post-media-item-status,
.su-stitch-post__media-item-status {
	position: absolute;
	right: 8px;
	bottom: 8px;
	padding: 5px 7px;
	border-radius: 6px;
	background: var(--su-community-plum);
	color: #ffffff;
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1;
}

.su-community__post-media-item[data-media-kind="audio"],
.su-stitch-post__media-item[data-media-kind="audio"] {
	display: flex;
	align-items: center;
	min-height: 74px;
	padding: 12px;
	aspect-ratio: auto;
}

.su-community__post-media-item[data-media-kind="video"],
.su-stitch-post__media-item[data-media-kind="video"] {
	aspect-ratio: 16 / 9;
}

.su-community__context {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 12px;
	background: #f7fbfa;
	border: 1px solid #cfe7e3;
	border-left: 4px solid var(--su-community-teal);
	border-radius: 8px;
}

.su-community__context-copy {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.su-community__context-type {
	color: var(--su-community-teal);
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
}

.su-community__context-title {
	color: var(--su-community-plum);
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.35;
	text-decoration: none;
	overflow-wrap: anywhere;
}

.su-community__context-title:hover {
	color: var(--su-community-teal);
}

.su-community__context-meta {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 6px;
	flex: 0 0 auto;
	flex-wrap: wrap;
	max-width: 44%;
}

.su-community__context-signal,
.su-community__context-gate {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	padding: 4px 8px;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
}

.su-community__context-signal {
	border: 1px solid rgba(5, 150, 105, 0.22);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
}

.su-community__context-gate--open {
	border: 1px solid rgba(5, 150, 105, 0.22);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
}

.su-community__context-gate--locked {
	border: 1px solid rgba(245, 158, 11, 0.28);
	background: rgba(245, 158, 11, 0.1);
	color: #8a4b05;
}

.su-community__post-insights {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

.su-community__post-insight {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	min-height: 24px;
	padding: 4px 8px;
	border: 1px solid var(--su-community-border);
	border-radius: 999px;
	background: var(--su-community-soft);
	color: var(--su-community-muted);
	font-size: 0.74rem;
	font-weight: 800;
	line-height: 1.2;
	white-space: nowrap;
	overflow-wrap: anywhere;
}

.su-community__post-insight--safe {
	border-color: rgba(5, 150, 105, 0.22);
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
}

.su-community__post-insight--warning {
	border-color: rgba(245, 158, 11, 0.26);
	background: rgba(245, 158, 11, 0.1);
	color: #8a4b05;
}

.su-community__post-insight--audience {
	border-color: rgba(74, 35, 69, 0.16);
	background: #fff9fb;
	color: var(--su-community-plum-soft);
}

.su-community__body {
	margin: 0;
	padding: 2px 0 4px;
	color: var(--su-community-ink);
	font-size: 0.96rem;
	line-height: 1.6;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.su-community__body--comment {
	margin: 8px 0 0;
	font-size: 0.92rem;
	line-height: 1.55;
}

.su-community__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	padding-top: 12px;
	border-top: 1px solid rgba(234, 223, 229, 0.85);
}

.su-community__post-footer {
	display: grid;
	gap: 10px;
	padding: 10px 16px 14px;
	background: #fffafb;
	border-top: 1px solid rgba(234, 223, 229, 0.85);
}

.su-community__post-footer > .su-community__actions {
	padding-top: 0;
	border-top: 0;
}

.su-community__action-button {
	min-height: 38px;
	padding: 7px 10px;
	font-size: 0.83rem;
}

.su-community__action-button[data-active="true"] {
	border-color: var(--su-community-rose);
	background: rgba(186, 26, 26, 0.08);
	color: var(--su-community-rose);
}

.su-community__action-button--danger {
	color: var(--su-community-danger);
}

.su-community__comments {
	margin: 0 16px 16px;
	padding: 14px;
	border-top: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: linear-gradient(180deg, #fffafb 0%, #ffffff 100%);
}

.su-community__comments-head,
.su-community__comment-form-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 11px;
}

.su-community__comments-copy,
.su-community__comment-meta {
	min-width: 0;
}

.su-community__comment-meta {
	display: grid;
	gap: 3px;
}

.su-community__comments-title,
.su-community__comment-form-title {
	display: block;
	margin: 0;
	color: var(--su-community-plum);
	font-size: 0.92rem;
	font-weight: 900;
	line-height: 1.25;
}

.su-community__comments-subtitle,
.su-community__comment-form-hint,
.su-community__comment-summary {
	margin: 3px 0 0;
	color: var(--su-community-muted);
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.35;
}

.su-community__thread-count {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 5px 8px;
	border: 1px solid rgba(5, 150, 105, 0.2);
	border-radius: 8px;
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	font-size: 0.76rem;
	font-weight: 900;
	white-space: nowrap;
}

.su-community__comment-list {
	display: grid;
	gap: 10px;
}

.su-community__comment-thread {
	display: grid;
	gap: 8px;
}

.su-community__comment {
	position: relative;
	display: grid;
	gap: 8px;
	padding: 12px;
	background: var(--su-community-soft);
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
}

.su-community__comment::before {
	position: absolute;
	inset: 10px auto 10px 0;
	width: 3px;
	border-radius: 999px;
	background: rgba(5, 150, 105, 0.28);
	content: "";
}

.su-community__comment[data-reply="true"] {
	margin-left: 0;
	background: #ffffff;
}

.su-community__comment[data-reply="true"]::before {
	background: rgba(195, 67, 118, 0.28);
}

.su-community__comment[data-status="pending"] {
	background: #fff9fb;
}

.su-community__comment-head {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
}

.su-community__comment-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: 1px solid rgba(5, 150, 105, 0.18);
	border-radius: 8px;
	background: rgba(5, 150, 105, 0.1);
	color: var(--su-community-teal);
	font-size: 0.72rem;
	font-weight: 900;
	line-height: 1;
}

.su-community__comment-title-row,
.su-community__comment-summary {
	display: flex;
	align-items: center;
	gap: 7px;
	flex-wrap: wrap;
}

.su-community__comment-reply-label {
	color: var(--su-community-rose);
	font-weight: 900;
}

.su-community__reply-list {
	display: grid;
	gap: 8px;
	margin-left: 18px;
	padding-left: 12px;
	border-left: 1px solid rgba(195, 67, 118, 0.24);
}

.su-community__comment-form,
.su-community__comment-reply-form,
.su-community__editor {
	margin-top: 12px;
}

.su-community__comment-form,
.su-community__comment-reply-form {
	padding: 12px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: #ffffff;
}

.su-community__comment-reply-form {
	background: #fff9fb;
}

.su-community__state {
	display: grid;
	gap: 12px;
	padding: 18px;
	background:
		linear-gradient(90deg, rgba(5, 150, 105, 0.06), rgba(255, 255, 255, 0) 54%),
		var(--su-community-panel);
	border-left: 4px solid var(--su-community-teal);
}

.su-community__state[data-state="empty"] {
	border-left-color: var(--su-community-plum);
	background:
		linear-gradient(90deg, rgba(17, 24, 39, 0.06), rgba(255, 255, 255, 0) 54%),
		var(--su-community-panel);
}

.su-community__state[data-state="loading"] {
	border-left-color: var(--su-community-amber);
	background:
		linear-gradient(90deg, rgba(245, 158, 11, 0.08), rgba(255, 255, 255, 0) 54%),
		var(--su-community-panel);
}

.su-community__state[data-state="error"],
.su-community__state[data-state="locked"] {
	border-left-color: var(--su-community-danger);
	background:
		linear-gradient(90deg, rgba(159, 18, 57, 0.07), rgba(255, 255, 255, 0) 54%),
		var(--su-community-panel);
}

.su-community__state[data-state="paused"],
.su-community__state[data-state="guest"] {
	border-left-color: var(--su-community-rose);
	background:
		linear-gradient(90deg, rgba(243, 94, 132, 0.07), rgba(255, 255, 255, 0) 54%),
		var(--su-community-panel);
}

.su-community__state-head {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 12px;
	align-items: flex-start;
}

.su-community__state-marker {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	margin-top: 1px;
	border: 1px solid rgba(5, 150, 105, 0.22);
	border-radius: 8px;
	background: rgba(5, 150, 105, 0.1);
}

.su-community__state-marker::before {
	content: "";
	position: absolute;
	inset: 8px;
	border-radius: 999px;
	background: var(--su-community-teal);
	box-shadow: 0 0 0 4px rgba(5, 150, 105, 0.12);
}

.su-community__state[data-state="empty"] .su-community__state-marker {
	border-color: rgba(17, 24, 39, 0.18);
	background: #fafafa;
}

.su-community__state[data-state="empty"] .su-community__state-marker::before {
	background: var(--su-community-plum);
	box-shadow: 0 0 0 4px rgba(17, 24, 39, 0.1);
}

.su-community__state[data-state="loading"] .su-community__state-marker {
	border-color: rgba(245, 158, 11, 0.24);
	background: rgba(245, 158, 11, 0.1);
}

.su-community__state[data-state="loading"] .su-community__state-marker::before {
	background: var(--su-community-amber);
	box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.14);
}

.su-community__state[data-state="error"] .su-community__state-marker,
.su-community__state[data-state="locked"] .su-community__state-marker {
	border-color: rgba(159, 18, 57, 0.24);
	background: #fff1f4;
}

.su-community__state[data-state="error"] .su-community__state-marker::before,
.su-community__state[data-state="locked"] .su-community__state-marker::before {
	background: var(--su-community-danger);
	box-shadow: 0 0 0 4px rgba(159, 18, 57, 0.13);
}

.su-community__state[data-state="paused"] .su-community__state-marker,
.su-community__state[data-state="guest"] .su-community__state-marker {
	border-color: rgba(243, 94, 132, 0.24);
	background: #fff3f7;
}

.su-community__state[data-state="paused"] .su-community__state-marker::before,
.su-community__state[data-state="guest"] .su-community__state-marker::before {
	background: var(--su-community-rose);
	box-shadow: 0 0 0 4px rgba(243, 94, 132, 0.12);
}

.su-community__state-body {
	display: grid;
	gap: 6px;
	min-width: 0;
}

.su-community__state-title {
	margin: 0;
	color: var(--su-community-plum);
	font-size: 1.02rem;
	line-height: 1.25;
}

.su-community__state-copy,
.su-community__empty,
.su-community__field-error,
.su-community__report-copy {
	margin: 0;
	color: var(--su-community-muted);
	font-size: 0.92rem;
	line-height: 1.48;
}

.su-community__state-list {
	display: grid;
	gap: 7px;
	margin: 0;
	padding: 10px 0 0 46px;
	list-style: none;
}

.su-community__state-list li {
	padding: 9px 10px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.68);
	color: var(--su-community-ink);
	font-size: 0.88rem;
	line-height: 1.35;
}

.su-community__skeleton {
	display: grid;
	gap: 10px;
	padding: 16px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-panel);
}

.su-community__skeleton-head {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 11px;
	align-items: center;
}

.su-community__skeleton-avatar {
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 8px;
	background: #e2e8f0;
}

.su-community__skeleton-copy {
	display: grid;
	gap: 8px;
}

.su-community__skeleton-line {
	display: block;
	height: 12px;
	border-radius: 999px;
	background: #e2e8f0;
}

.su-community__skeleton-line:nth-child(1) {
	width: 42%;
}

.su-community__skeleton-line:nth-child(2) {
	width: 92%;
}

.su-community__skeleton-line:nth-child(3) {
	width: 72%;
}

.su-community__field-error {
	margin-top: 8px;
	color: var(--su-community-danger);
}

.su-community__load-more {
	display: flex;
	justify-content: center;
	margin: 16px;
}

.su-community__report {
	position: fixed;
	z-index: 9999;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(17, 24, 39, 0.58);
}

.su-community__report-panel {
	width: min(100%, 500px);
	padding: 18px;
	box-shadow: var(--su-community-shadow);
}

.su-community__report-title {
	margin: 0 0 8px;
	color: var(--su-community-plum);
	font-size: 1.08rem;
	line-height: 1.25;
	letter-spacing: 0;
}

.su-community__report-copy {
	margin-bottom: 14px;
}

@media (prefers-reduced-motion: reduce) {
	.su-community__nav-button,
	.su-community__skip-links a,
	.su-community__member-card,
	.su-community__group-card,
	.su-community__post,
	.su-community__button,
	.su-community__action-button,
	.su-community__feed-filter-button,
	.su-community__member-filter-button,
	.su-community__space-filter-button,
	.su-community__profile-tab,
	.su-community__composer-step,
	.su-community__notification-filter-button,
	.su-community__notification {
		transition: none;
	}

	.su-community__nav-button:hover,
	.su-community__nav-button:focus-visible,
	.su-community__member-card:hover,
	.su-community__post:hover,
	.su-community__group-card:hover,
	.su-community__feed-filter-button:hover,
	.su-community__feed-filter-button:focus-visible,
	.su-community__member-filter-button:hover,
	.su-community__member-filter-button:focus-visible,
	.su-community__space-filter-button:hover,
	.su-community__space-filter-button:focus-visible,
	.su-community__notification-filter-button:hover,
	.su-community__notification-filter-button:focus-visible,
	.su-community__notification:hover {
		transform: none;
	}
}

@media (min-width: 720px) {
	.su-community__hero {
		grid-template-columns: minmax(0, 1fr) 260px;
		align-items: end;
		padding: 28px;
	}

	.su-community__hero-panel {
		justify-content: flex-end;
	}

	.su-community__rules {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.su-community__nav,
	.su-community__notice,
	.su-community__profile-panel,
	.su-community__members,
	.su-community__groups,
	.su-community__notifications,
	.su-community__composer,
	.su-community__feed-shell,
	.su-community__load-more {
		margin-left: 20px;
		margin-right: 20px;
	}

	.su-community__notifications,
	.su-community__profile-panel,
	.su-community__members,
	.su-community__groups,
	.su-community__composer,
	.su-community__feed-shell,
	.su-community__member-card,
	.su-community__group-card {
		padding: 18px;
	}

	.su-community__member-directory-brief,
	.su-community__space-cockpit-brief {
		grid-template-columns: minmax(0, 1fr) minmax(260px, 0.54fr);
		align-items: center;
	}

	.su-community__member-filter-grid,
	.su-community__space-filter-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.su-community__member-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
	}

	.su-community__composer-grid {
		grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
		align-items: start;
	}
}

@media (max-width: 520px) {
	.su-community {
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}

	.su-community__hero {
		padding: 18px;
	}

	.su-community__nav,
	.su-community__notice,
	.su-community__profile-panel,
	.su-community__members,
	.su-community__groups,
	.su-community__notifications,
	.su-community__composer,
	.su-community__feed-shell,
	.su-community__load-more {
		margin: 12px;
	}

	.su-community__feed-shell,
	.su-community__post,
	.su-community__post-header,
	.su-community__post-identity,
	.su-community__meta,
	.su-community__post-content,
	.su-community__post-copy,
	.su-community__post-footer,
	.su-community__comments,
	.su-community__context,
	.su-community__context-copy {
		min-width: 0;
		max-width: 100%;
	}

	.su-community__activity-brief {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__activity-signal {
		width: 100%;
		white-space: normal;
		text-align: center;
	}

	.su-community__activity-metrics {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__feed {
		padding-left: 0;
	}

	.su-community__feed::before,
	.su-community__timeline-marker {
		display: none;
	}

	.su-community__post {
		overflow: hidden;
	}

	.su-community__notifications-head,
	.su-community__profile-head,
	.su-community__members-head,
	.su-community__groups-head,
	.su-community__group-create-head,
	.su-community__composer-head,
	.su-community__feed-head,
	.su-community__form-row {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__button,
	.su-community__action-button {
		width: 100%;
	}

	.su-community__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__post-header,
	.su-community__post-content,
	.su-community__post-footer {
		padding-inline: 14px;
	}

	.su-community__post-safety-rail {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
		padding: 10px 14px;
	}

	.su-community__post-safety-chip {
		justify-content: center;
		width: 100%;
		white-space: normal;
		text-align: center;
	}

	.su-community__post-safety-chip--quiet {
		grid-column: 1 / -1;
	}

	.su-community__state {
		padding: 14px;
	}

	.su-community__state-head {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 10px;
	}

	.su-community__state-marker {
		width: 26px;
		height: 26px;
	}

	.su-community__state-marker::before {
		inset: 7px;
	}

	.su-community__state-list {
		padding-left: 0;
	}

	.su-community__context,
	.su-community__context-meta {
		align-items: stretch;
		flex-direction: column;
		max-width: none;
	}

	.su-community__context-signal,
	.su-community__context-gate {
		justify-content: center;
		min-width: 0;
		width: 100%;
		white-space: normal;
		text-align: center;
	}

	.su-community__status-pill,
	.su-community__badge,
	.su-community__post-stream-type,
	.su-community__post-insight {
		min-width: 0;
		white-space: normal;
		overflow-wrap: anywhere;
	}

	.su-community__post-insights {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
	}

	.su-community__post-insight {
		justify-content: center;
		width: 100%;
		text-align: center;
	}

	.su-community__comments {
		margin-inline: 14px;
	}

	.su-community__media-head,
	.su-community__media-row,
	.su-community__composer-preview-head,
	.su-community__media-gallery-head {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__media-hint {
		text-align: left;
	}

	.su-community__composer-intent,
	.su-community__media-flow {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__composer-main-head,
	.su-community__composer-submit-row {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__composer-tone {
		width: 100%;
		max-width: none;
	}

	.su-community__media-preview-card {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__media-gallery-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__group-detail-card {
		padding: 14px;
	}

	.su-community__group-detail-identity,
	.su-community__group-detail-metrics,
	.su-community__space-detail-control,
	.su-community__space-card-rail {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__group-detail-emblem {
		width: 52px;
	}

	.su-community__group-detail-chips {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__profile-cover {
		min-height: 92px;
		padding: 14px 16px 34px;
		justify-content: flex-start;
	}

	.su-community__profile-focus-body {
		margin-top: -22px;
		padding: 14px 14px 14px 18px;
	}

	.su-community__profile-identity {
		grid-template-columns: 56px minmax(0, 1fr);
		align-items: center;
	}

	.su-community__avatar.su-community__avatar--focus {
		width: 56px;
		height: 56px;
		font-size: 0.94rem;
	}

	.su-community__profile-status-rail,
	.su-community__profile-nav,
	.su-community__notification-preferences-status,
	.su-community__member-identity-strip {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__profile-tab {
		width: 100%;
		min-width: 0;
		white-space: normal;
	}

	.su-community__profile-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__profile-panel-head {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__feed-tools,
	.su-community__member-directory-brief,
	.su-community__space-cockpit-brief {
		align-items: stretch;
	}

	.su-community__stories {
		padding: 12px;
	}

	.su-community__stories-head,
	.su-community__story-viewer-head {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__stories-state {
		align-self: flex-start;
	}

	.su-community__stories-list {
		margin-right: -12px;
		padding-right: 12px;
	}

	.su-community__story-card {
		flex-basis: 122px;
		grid-template-rows: 104px minmax(62px, auto);
		min-height: 178px;
	}

	.su-community__story-card-media {
		min-height: 104px;
	}

	.su-community__story-viewer {
		padding: 10px;
	}

	.su-community__story-viewer-panel {
		max-height: calc(100vh - 20px);
		padding: 12px;
	}

	.su-community__story-viewer-media {
		height: 240px;
		min-height: 240px;
	}

	.su-community__member-directory-metrics,
	.su-community__space-cockpit-metrics {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__feed-filter-group,
	.su-community__member-filter-group,
	.su-community__space-filter-group,
	.su-community__notification-filter-group {
		margin-right: -12px;
		padding-right: 12px;
	}

	.su-community__feed-filter-group,
	.su-community__notification-filter-group {
		flex-wrap: wrap;
		overflow-x: visible;
		margin-right: 0;
		padding-right: 0;
	}

	.su-community__member-filter-group,
	.su-community__space-filter-group {
		flex-wrap: wrap;
		overflow-x: visible;
		margin-right: 0;
		padding-right: 0;
	}

	.su-community__feed-filter-button,
	.su-community__member-filter-button,
	.su-community__space-filter-button,
	.su-community__notification-filter-button {
		min-height: 34px;
		padding: 7px 9px;
		font-size: 0.78rem;
	}

	.su-community__feed-filter-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__feed-filter-button {
		min-width: 0;
		white-space: normal;
	}

	.su-community__notification-filter-button {
		flex: 1 1 calc(50% - 6px);
		min-width: 0;
	}

	.su-community__member-filter-button,
	.su-community__space-filter-button {
		flex: 1 1 calc(50% - 6px);
		min-width: 0;
		white-space: normal;
	}

	.su-community__member-contact-signal {
		text-align: left;
	}

	.su-community__member-rule-rail {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__composer-progress {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__composer-checklist li {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__composer-submit-hint {
		flex-basis: auto;
	}

	.su-community__profile-metrics {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__profile-info-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__profile-trust-item,
	.su-community__contact {
		justify-content: center;
		white-space: normal;
		text-align: center;
	}

	.su-community__media-preview-visual {
		width: 100%;
		aspect-ratio: 16 / 10;
		max-height: 220px;
	}

	.su-community__file {
		width: 100%;
	}

	.su-community__comments-head,
	.su-community__comment-form-head {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__reply-list {
		margin-left: 8px;
		padding-left: 9px;
	}
}

/* Final responsive guard for the Stitch shell. */
.su-community--stitch {
	max-width: 100vw;
	overflow-x: hidden;
}

.su-community--stitch .su-community__topbar,
.su-community--stitch .su-community__layout,
.su-community--stitch .su-community__main-column,
.su-community--stitch .su-community__feed-shell,
.su-community--stitch .su-community__feed,
.su-community--stitch .su-community__post,
.su-community--stitch .su-community__post-content,
.su-community--stitch .su-community__post-copy,
.su-community--stitch .su-community__body {
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
}

.su-community--stitch .su-community__body,
.su-community--stitch .su-community__activity-copy,
.su-community--stitch .su-community__stories-footnote {
	overflow-wrap: anywhere;
}

.su-community--stitch .su-community__post-footer .su-community__actions {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 22px;
}

.su-community--stitch .su-community__post-content,
.su-community--stitch .su-community__post-copy {
	display: block;
	width: 100%;
	overflow: hidden;
}

.su-community--stitch .su-community__body {
	display: block;
	width: 100%;
	margin: 0;
	white-space: normal;
}

.su-community--stitch .su-community__post-footer .su-community__action-button {
	width: auto;
	flex: 0 0 auto;
	min-width: 0;
	background: transparent;
	white-space: nowrap;
}

@media (max-width: 520px) {
	.su-community--stitch .su-community__topbar,
	.su-community--stitch .su-community__layout {
		width: 100%;
		max-width: 100vw;
	}

	.su-community--stitch .su-community__post-footer .su-community__actions {
		gap: 14px;
	}
}

/* Phase I.29: Stitch subtab hardening and responsive polish. */
.su-community--stitch,
.su-community--stitch * {
	box-sizing: border-box;
}

.su-community--stitch .su-community__layout {
	max-width: min(100%, 1400px);
}

.su-community--stitch .su-community__members-head,
.su-community--stitch .su-community__groups-head,
.su-community--stitch .su-community__notifications-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid #f5f5f5;
}

.su-community--stitch .su-community__member-directory,
.su-community--stitch .su-community__space-cockpit,
.su-community--stitch .su-community__notification-center {
	margin: 0 0 18px;
	padding: 18px;
	border-color: #e5e7eb;
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.08);
}

.su-community--stitch .su-community__member-directory-brief,
.su-community--stitch .su-community__space-cockpit-brief {
	gap: 16px;
}

.su-community--stitch .su-community__member-directory-title,
.su-community--stitch .su-community__space-cockpit-title,
.su-community--stitch .su-community__notification-preferences-title {
	color: #111827;
	font-size: 1rem;
	font-weight: 850;
	line-height: 1.25;
}

.su-community--stitch .su-community__member-directory-copy,
.su-community--stitch .su-community__space-cockpit-copy,
.su-community--stitch .su-community__notification-preferences-copy {
	color: #4b5563;
}

.su-community--stitch .su-community__member-directory-metrics span,
.su-community--stitch .su-community__space-cockpit-metrics span,
.su-community--stitch .su-community__profile-info-grid span,
.su-community--stitch .su-community__space-rail-item {
	border-color: #e5e7eb;
	border-radius: 13px;
	background: #f5f5f5;
	box-shadow: none;
}

.su-community--stitch .su-community__member-list,
.su-community--stitch .su-community__group-list,
.su-community--stitch .su-community__notification-list {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 14px;
}

.su-community--stitch .su-community__member-card,
.su-community--stitch .su-community__group-card,
.su-community--stitch .su-community__notification-item,
.su-community--stitch .su-community__group-detail-card {
	border-color: #e5e7eb;
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.08);
}

.su-community--stitch .su-community__member-card::before,
.su-community--stitch .su-community__group-card::before {
	width: 4px;
	background: var(--su-community-pink);
	opacity: 1;
}

.su-community--stitch .su-community__member-card:hover,
.su-community--stitch .su-community__group-card:hover,
.su-community--stitch .su-community__notification-item:hover {
	border-color: rgba(243, 94, 132, 0.26);
	box-shadow: 0 12px 26px rgba(17, 24, 39, 0.08);
	transform: translateY(-1px);
}

.su-community--stitch .su-community__notification-preferences {
	border-color: #e5e7eb;
	border-radius: 16px;
	background: #f5f5f5;
}

.su-community--stitch .su-community__profile-layout {
	gap: 14px;
	margin-bottom: 0;
}

.su-community--stitch .su-community__profile-card,
.su-community--stitch .su-community__profile-tab-panel,
.su-community--stitch .su-community__profile-stream-card {
	border-color: #e5e7eb;
	border-radius: 16px;
	background: #ffffff;
	box-shadow: 0 1px 3px rgba(17, 24, 39, 0.08);
}

.su-community--stitch .su-community__profile-card--contact,
.su-community--stitch .su-community__profile-stream-card {
	background: #f5f5f5;
}

.su-community--stitch .su-community__profile-stream-card {
	border-left-color: var(--su-community-pink);
}

.su-community--stitch .su-community__profile-panel-head {
	border-bottom-color: #f5f5f5;
}

.su-community--stitch .su-community__profile-panel-head h4,
.su-community--stitch .su-community__profile-panel-head h2 {
	margin: 0;
	color: #111827;
	font-size: 1.25rem;
	font-weight: 850;
	line-height: 1.2;
}

.su-community--stitch .su-community__profile-panel-head span,
.su-community--stitch .su-community__profile-mini-rail span,
.su-community--stitch .su-community__notification-preference-chip,
.su-community--stitch .su-community__status-pill,
.su-community--stitch .su-community__profile-trust-item {
	border-color: rgba(243, 94, 132, 0.2);
	background: var(--su-community-pink-soft);
	color: var(--su-community-pink);
}

.su-community--stitch .su-community__input,
.su-community--stitch .su-community__select,
.su-community--stitch .su-community__textarea {
	border-color: #e5e7eb;
	border-radius: 13px;
	background: #f5f5f5;
	color: #111827;
}

.su-community--stitch .su-community__input:focus,
.su-community--stitch .su-community__select:focus,
.su-community--stitch .su-community__textarea:focus {
	border-color: rgba(243, 94, 132, 0.34);
	box-shadow: 0 0 0 3px rgba(243, 94, 132, 0.14);
	outline: 0;
}

.su-community--stitch .su-community__body,
.su-community--stitch .su-community__post-copy p,
.su-community--stitch .su-community__member-directory-copy,
.su-community--stitch .su-community__space-cockpit-copy,
.su-community--stitch .su-community__profile-card p,
.su-community--stitch .su-community__profile-stream-card p,
.su-community--stitch .su-community__notification-preferences-copy {
	min-width: 0;
	max-width: 100%;
	overflow-wrap: break-word;
	word-break: normal;
}

@media (max-width: 1180px) {
	.su-community--stitch .su-community__right-rail {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.su-community--stitch .su-community__right-rail .su-community__rail-card:first-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 860px) {
	.su-community--stitch .su-community__layout {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}

	.su-community--stitch .su-community__members-head,
	.su-community--stitch .su-community__groups-head,
	.su-community--stitch .su-community__notifications-head {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community--stitch .su-community__right-rail {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 520px) {
	.su-community--stitch {
		width: 100vw;
		max-width: 100vw;
	}

	.su-community--stitch .su-community__topbar {
		width: 100%;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.su-community--stitch .su-community__layout {
		width: 100%;
		padding-right: 12px;
		padding-left: 12px;
	}

	.su-community--stitch .su-community__main-column,
	.su-community--stitch .su-community__feed-shell,
	.su-community--stitch .su-community__feed,
	.su-community--stitch .su-community__post,
	.su-community--stitch .su-community__members,
	.su-community--stitch .su-community__groups,
	.su-community--stitch .su-community__notifications,
	.su-community--stitch .su-community__profile-panel {
		width: 100%;
		max-width: 100%;
		overflow: hidden;
	}

	.su-community--stitch .su-community__stories-list,
	.su-community--stitch .su-community__nav {
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
	}

	.su-community--stitch .su-community__post-header,
	.su-community--stitch .su-community__post-footer,
	.su-community--stitch .su-community__post-content,
	.su-community--stitch .su-community__post-copy,
	.su-community--stitch .su-community__body {
		width: 100%;
		max-width: 100%;
	}

	.su-community--stitch .su-community__profile-layout,
	.su-community--stitch .su-community__profile-info-grid,
	.su-community--stitch .su-community__member-directory-metrics,
	.su-community--stitch .su-community__space-cockpit-metrics,
	.su-community--stitch .su-community__space-card-rail {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community--stitch .su-community__quick-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Phase I.30: live page integration. Use the site's own header and run the app full width. */
.su-community--stitch {
	width: 100vw;
	max-width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	min-height: calc(100vh - 96px);
}

.su-community--stitch .su-community__topbar {
	display: none;
}

.su-community--stitch .su-community__layout {
	grid-template-columns: minmax(156px, 220px) minmax(0, 1fr) minmax(260px, 320px);
	width: 100%;
	max-width: none;
	padding: clamp(18px, 2.2vw, 32px) clamp(18px, 3vw, 48px) clamp(42px, 5vw, 72px);
}

.su-community--stitch .su-community__main-column,
.su-community--stitch .su-community__feed-shell,
.su-community--stitch .su-community__feed,
.su-community--stitch .su-community__profile-panel,
.su-community--stitch .su-community__members,
.su-community--stitch .su-community__groups,
.su-community--stitch .su-community__notifications,
.su-community--stitch .su-community__composer {
	width: 100%;
	max-width: none;
}

.su-community--stitch .su-community__stories-list {
	justify-content: flex-start;
}

.su-community--stitch .su-community__nav,
.su-community--stitch .su-community__right-rail {
	top: 24px;
}

@media (max-width: 1180px) {
	.su-community--stitch .su-community__layout {
		grid-template-columns: minmax(140px, 190px) minmax(0, 1fr);
	}
}

@media (max-width: 860px) {
	.su-community--stitch {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.su-community--stitch .su-community__layout {
		grid-template-columns: minmax(0, 1fr);
		padding: 14px 12px 40px;
	}
}

/* Phase I.31: final live UX pass for the private community test page. */
body.page-id-1000023618 .page_content_wrap,
body.page-id-1000023618 .page_content_wrap > .content_wrap,
body.page-id-1000023618 .page_content_wrap .content,
body.page-id-1000023618 .page_content_wrap .post_item_single,
body.page-id-1000023618 .page_content_wrap .post_content.entry-content {
	width: 100%;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

body.page-id-1000023618 .page_content_wrap > .content_wrap {
	width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

body.page-id-1000023618 .su-community--stitch {
	position: relative;
	left: 50%;
	width: 100vw;
	max-width: 100vw !important;
	margin-right: -50vw;
	margin-left: -50vw;
	overflow-x: clip;
}

.su-community--stitch .su-community__topbar,
.su-community--stitch .su-community__hero,
.su-community--stitch .su-community__rules {
	display: none !important;
}

.su-community--stitch .su-community__layout {
	min-height: calc(100vh - 96px);
}

body.page-id-1000023618 {
	overflow-x: clip;
}

.su-community--stitch[data-state="paused"] .su-community__layout,
.su-community--stitch[data-state="guest"] .su-community__layout,
.su-community--stitch[data-state="locked"] .su-community__layout {
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 22px;
}

.su-community--stitch[data-state="paused"] .su-community__main-column,
.su-community--stitch[data-state="guest"] .su-community__main-column,
.su-community--stitch[data-state="locked"] .su-community__main-column,
.su-community--stitch[data-state="paused"] .su-community__right-rail,
.su-community--stitch[data-state="guest"] .su-community__right-rail,
.su-community--stitch[data-state="locked"] .su-community__right-rail {
	grid-column: 1;
	width: 100%;
	max-width: none;
}

.su-community--stitch[data-state="paused"] .su-community__state,
.su-community--stitch[data-state="guest"] .su-community__state,
.su-community--stitch[data-state="locked"] .su-community__state {
	width: min(100%, 840px);
	min-height: 0;
	margin: 0 auto;
	padding: clamp(28px, 4vw, 48px);
	text-align: center;
}

.su-community--stitch[data-state="paused"] .su-community__state-list,
.su-community--stitch[data-state="guest"] .su-community__state-list,
.su-community--stitch[data-state="locked"] .su-community__state-list {
	justify-items: center;
	max-width: 680px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.su-community--stitch[data-state="paused"] .su-community__right-rail,
.su-community--stitch[data-state="guest"] .su-community__right-rail,
.su-community--stitch[data-state="locked"] .su-community__right-rail {
	position: static;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 980px) {
	.su-community--stitch[data-state="paused"] .su-community__right-rail,
	.su-community--stitch[data-state="guest"] .su-community__right-rail,
	.su-community--stitch[data-state="locked"] .su-community__right-rail {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Phase I.42: Direct Stitch export recreation for the visible Community surface. */
.su-community--stitch {
	--su-stitch-cream: #f5f5f5;
	--su-stitch-surface: #ffffff;
	--su-stitch-ink: #111827;
	--su-stitch-muted: #4b5563;
	--su-stitch-primary: #f35e84;
	--su-stitch-hot: #111827;
	--su-stitch-dark: #111827;
	--su-stitch-outline: #e2e8f0;
	--su-stitch-soft: rgba(243, 94, 132, 0.1);
	--su-stitch-teal: #059669;
	--su-stitch-amber: #f59e0b;
	--su-stitch-plum: #111827;
	--su-stitch-border: var(--su-stitch-outline);
	left: 50% !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin: 0 0 0 -50vw !important;
	padding: 0 0 48px !important;
	overflow-x: clip !important;
	background: var(--su-stitch-cream) !important;
	color: var(--su-stitch-ink) !important;
	font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.su-community--stitch > .su-community__skip-links,
.su-community--stitch > .su-community__hero,
.su-community--stitch > .su-community__rules,
.su-community--stitch > .su-community__layout,
.su-community--stitch > .su-community__report {
	display: none !important;
}

.su-community--stitch > .su-community__report[data-open="true"] {
	display: block !important;
}

.su-stitch-stage,
.su-stitch-stage * {
	box-sizing: border-box;
}

.su-stitch-stage {
	display: block !important;
	width: 100%;
	background: var(--su-stitch-cream);
	color: var(--su-stitch-ink);
	font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.su-stitch-stage button,
.su-stitch-stage input,
.su-stitch-stage textarea {
	font: inherit;
}

.su-stitch-stage button {
	cursor: pointer;
}

.su-stitch-stage .material-symbols-outlined {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Material Symbols Outlined";
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "liga";
}

.su-stitch-shell {
	width: min(calc(100% - 32px), 1200px);
	margin: 0 auto;
	padding: 24px 0 0;
}

.su-stitch-hero {
	position: relative;
	display: grid;
	align-items: end;
	width: 100%;
	height: 304px;
	margin: 0 0 48px;
	overflow: hidden;
	border-radius: 12px;
	background: var(--su-stitch-dark);
	box-shadow: 0 6px 18px rgba(16, 23, 32, 0.06);
}

.su-stitch-hero__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.01);
}

.su-stitch-hero__shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(16, 23, 32, 0.02) 0%, rgba(16, 23, 32, 0.18) 52%, rgba(16, 23, 32, 0.82) 100%);
}

.su-stitch-hero__copy {
	position: relative;
	z-index: 1;
	width: min(100%, 680px);
	padding: 0 32px 32px;
	color: #ffffff;
}

.su-stitch-hero__copy h1 {
	margin: 0 0 8px;
	color: #ffffff;
	font-size: 48px;
	font-weight: 700;
	line-height: 56px;
	letter-spacing: -0.02em;
	text-transform: none;
}

.su-stitch-hero__copy p {
	margin: 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}

.su-stitch-grid {
	display: grid;
	grid-template-columns: 238px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.su-stitch-sidebar {
	display: grid;
	gap: 24px;
}

.su-stitch-nav,
.su-stitch-security,
.su-stitch-profile-card,
.su-stitch-status-card,
.su-stitch-directory,
.su-stitch-bookmarks,
.su-stitch-composer,
.su-stitch-post {
	border: 0;
	border-radius: 12px;
	background: var(--su-stitch-surface);
	box-shadow: 0 10px 28px rgba(16, 23, 32, 0.055);
}

.su-stitch-nav {
	display: grid;
	gap: 8px;
	padding: 24px;
}

.su-stitch-nav__item {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 44px;
	padding: 12px 16px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--su-stitch-muted);
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.05em;
	text-align: left;
	transition: background-color 160ms ease, color 160ms ease;
}

.su-stitch-nav__item .material-symbols-outlined {
	font-size: 20px;
}

.su-stitch-nav__item:hover,
.su-stitch-nav__item:focus-visible,
.su-stitch-nav__item.is-active {
	outline: 0;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
}

.su-stitch-security {
	position: relative;
	min-height: 188px;
	padding: 24px;
	overflow: hidden;
	background: var(--su-stitch-dark);
	color: #ffffff;
}

.su-stitch-security__content {
	position: relative;
	z-index: 1;
}

.su-stitch-security h2 {
	margin: 0 0 8px;
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.01em;
}

.su-stitch-security p {
	margin: 0 0 18px;
	max-width: 176px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 14px;
	line-height: 20px;
}

.su-stitch-security button,
.su-stitch-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 0 22px;
	border: 0;
	border-radius: 8px;
	background: var(--su-stitch-primary);
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.05em;
	box-shadow: none;
	transition: background-color 160ms ease, transform 160ms ease;
}

.su-stitch-security button {
	width: 100%;
}

.su-stitch-security button:hover,
.su-stitch-primary:hover,
.su-stitch-security button:focus-visible,
.su-stitch-primary:focus-visible {
	outline: 0;
	background: var(--su-stitch-hot);
}

.su-stitch-security__mark {
	position: absolute;
	right: -18px;
	bottom: -28px;
	color: rgba(255, 255, 255, 0.08);
	font-size: 130px !important;
}

.su-stitch-main {
	display: grid;
	gap: 48px;
	min-width: 0;
}

.su-stitch-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin: 0 0 18px;
}

.su-stitch-section-head h2,
.su-stitch-directory h2,
.su-stitch-feed-title h2 {
	margin: 0;
	color: var(--su-stitch-ink);
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.01em;
	text-transform: none;
}

.su-stitch-section-head button {
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--su-stitch-primary);
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}

.su-stitch-stories__row {
	display: flex;
	gap: 16px;
	padding: 0 0 4px;
	overflow-x: auto;
	scrollbar-width: none;
}

.su-stitch-stories__row::-webkit-scrollbar {
	display: none;
}

.su-stitch-story {
	position: relative;
	flex: 0 0 96px;
	width: 96px;
	height: 132px;
	padding: 0;
	overflow: hidden;
	border: 1px solid rgba(17, 24, 39, 0.72);
	border-radius: 12px;
	background: var(--su-stitch-surface);
	color: #ffffff;
	box-shadow: none;
}

.su-stitch-story > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 260ms ease;
}

.su-stitch-story:hover > img {
	transform: scale(1.07);
}

.su-stitch-story__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.3);
}

.su-stitch-story__avatar {
	position: absolute;
	right: 50%;
	bottom: 30px;
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	margin-right: -16px;
	overflow: hidden;
	border: 2px solid var(--su-stitch-primary);
	border-radius: 999px;
	background: #ffffff;
	color: var(--su-stitch-primary);
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
}

.su-stitch-story__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-stitch-story strong {
	position: absolute;
	right: 7px;
	bottom: 10px;
	left: 7px;
	display: block;
	color: #ffffff;
	font-size: 10px;
	font-weight: 800;
	line-height: 14px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.su-stitch-story > small:not(:only-child) {
	position: absolute;
	right: 7px;
	bottom: 25px;
	left: 7px;
	display: block;
	color: rgba(255, 255, 255, 0.8);
	font-size: 9px;
	font-weight: 700;
	line-height: 12px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.su-stitch-story--new {
	display: grid;
	place-items: center;
	align-content: center;
	gap: 6px;
	border: 2px dashed var(--su-stitch-outline);
	background: transparent;
	color: var(--su-stitch-muted);
}

.su-stitch-story--new .material-symbols-outlined {
	color: var(--su-stitch-primary);
	font-size: 22px;
}

.su-stitch-story--new small {
	color: var(--su-stitch-muted);
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
}

.su-stitch-story--state {
	display: grid;
	place-items: center;
	align-content: center;
	gap: 8px;
	padding: 12px;
	border-style: dashed;
	background: rgba(255, 255, 255, 0.72);
	color: var(--su-stitch-muted);
}

.su-stitch-story--state .material-symbols-outlined {
	color: var(--su-stitch-primary);
	font-size: 22px;
}

.su-stitch-story--state small {
	display: block;
	color: inherit;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	text-align: center;
}

.su-stitch-profile-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
	gap: 24px;
}

.su-stitch-profile-card {
	position: relative;
	overflow: hidden;
	padding: 32px;
	border: 1px solid rgba(17, 24, 39, 0.42);
}

.su-stitch-profile-card__cover {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 112px;
	margin: -32px -32px 24px;
	overflow: hidden;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 12px;
	font-weight: 700;
}

.su-stitch-profile-card__top {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) auto;
	align-items: start;
	gap: 24px;
}

.su-stitch-profile-card__photo {
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden;
	width: 96px;
	height: 96px;
	object-fit: cover;
	border: 2px solid rgba(243, 94, 132, 0.2);
	border-radius: 16px;
	box-shadow: 0 12px 24px rgba(16, 23, 32, 0.08);
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 20px;
	font-weight: 800;
}

.su-stitch-profile-card__photo img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-stitch-profile-card__photo > span {
	position: relative;
	z-index: 1;
}

.su-stitch-profile-edit__media {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.su-stitch-profile-edit__media > div {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	padding: 12px;
	border: 1px solid var(--su-stitch-border);
	border-radius: 8px;
	background: var(--su-stitch-surface);
}

.su-stitch-profile-edit__media > div > span,
.su-stitch-profile-edit__media small {
	width: 100%;
}

.su-stitch-profile-edit__media button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.su-stitch-profile-edit__media small {
	color: var(--su-stitch-muted);
}

.su-stitch-profile-card__body {
	min-width: 0;
}

.su-stitch-profile-card__title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 6px;
}

.su-stitch-profile-card__title h2 {
	margin: 0;
	color: var(--su-stitch-ink);
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.01em;
}

.su-stitch-profile-card__title span {
	display: inline-flex;
	align-items: center;
	min-height: 20px;
	padding: 3px 9px;
	border-radius: 4px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
}

.su-stitch-profile-card__body p {
	margin: 0 0 16px;
	color: var(--su-stitch-muted);
	font-size: 16px;
	line-height: 24px;
}

.su-stitch-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.su-stitch-chips span,
.su-stitch-filters button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 6px 14px;
	border: 0;
	border-radius: 999px;
	background: var(--su-stitch-cream);
	color: var(--su-stitch-muted);
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
}

.su-stitch-profile-card__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin: 26px 0 0;
	padding: 24px 0 0;
	border-top: 1px solid rgba(17, 24, 39, 0.48);
	text-align: center;
}

.su-stitch-profile-card__stats span {
	display: grid;
	gap: 2px;
	color: var(--su-stitch-muted);
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
}

.su-stitch-profile-card__stats strong {
	color: var(--su-stitch-primary);
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
}

.su-stitch-profile-edit {
	display: grid;
	gap: 14px;
	margin-top: 22px;
	padding: 18px;
	border: 1px solid rgba(17, 24, 39, 0.42);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.68);
}

.su-stitch-profile-edit label {
	display: grid;
	gap: 7px;
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 12px;
	font-weight: 800;
	line-height: 16px;
}

.su-stitch-profile-edit input[type="text"],
.su-stitch-profile-edit textarea {
	width: 100%;
	padding: 11px 12px;
	border: 1px solid rgba(17, 24, 39, 0.58);
	border-radius: 12px;
	background: #ffffff;
	color: var(--su-stitch-ink);
	font-size: 14px;
	line-height: 20px;
}

.su-stitch-profile-edit textarea {
	min-height: 74px;
	resize: vertical;
}

.su-stitch-profile-edit input[aria-invalid="true"],
.su-stitch-profile-edit textarea[aria-invalid="true"] {
	border-color: rgba(243, 94, 132, 0.72);
	box-shadow: 0 0 0 3px rgba(243, 94, 132, 0.12);
}

.su-stitch-profile-edit__checks {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.su-stitch-profile-edit__checks label {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 12px;
	background: rgba(248, 250, 252, 0.88);
	font-size: 12px;
	font-weight: 700;
}

.su-stitch-profile-edit__actions {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
}

.su-stitch-profile-edit__actions button {
	min-height: 38px;
	padding: 0 16px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 800;
}

.su-stitch-profile-edit__actions button:not(.su-stitch-primary) {
	border: 1px solid rgba(17, 24, 39, 0.58);
	background: #ffffff;
	color: var(--su-stitch-muted);
}

.su-stitch-status-card {
	display: grid;
	align-content: space-between;
	min-height: 100%;
	padding: 24px;
	border: 1px solid rgba(243, 94, 132, 0.18);
	background: var(--su-stitch-cream);
}

.su-stitch-status-card h2 {
	margin: 0 0 18px;
	color: var(--su-stitch-primary);
	font-size: 14px;
	font-weight: 800;
	line-height: 20px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.su-stitch-status-card ul {
	display: grid;
	gap: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.su-stitch-status-card li {
	display: flex;
	align-items: center;
	gap: 9px;
	color: var(--su-stitch-ink);
	font-size: 14px;
	line-height: 20px;
}

.su-stitch-status-card li .material-symbols-outlined {
	color: var(--su-stitch-muted);
	font-size: 17px;
}

.su-stitch-status-card img {
	justify-self: end;
	width: 64px;
	height: 64px;
	margin-top: 32px;
	object-fit: cover;
	opacity: 0.2;
	filter: grayscale(1);
}

.su-stitch-dot {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #059669;
}

.su-stitch-directory {
	padding: 32px;
	border: 1px solid rgba(17, 24, 39, 0.42);
}

.su-stitch-inbox {
	display: grid;
	gap: 22px;
	padding: 32px;
	border: 1px solid rgba(17, 24, 39, 0.42);
}

.su-stitch-bookmarks {
	display: grid;
	gap: 22px;
	padding: 32px;
	border: 1px solid rgba(17, 24, 39, 0.42);
}

.su-stitch-spaces {
	display: grid;
	gap: 22px;
	padding: 32px;
	border: 1px solid rgba(17, 24, 39, 0.42);
}

.su-stitch-spaces__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.su-community__space-feed,
.su-stitch-space-feed {
	display: grid;
	gap: 14px;
	min-width: 0;
	padding-top: 14px;
	border-top: 1px solid var(--su-community-border);
}

.su-community__group-invitations,
.su-stitch-group-invitations,
.su-community__space-management,
.su-stitch-space-management {
	display: grid;
	gap: 12px;
	min-width: 0;
	padding: 14px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-panel);
}

.su-community__group-invitations,
.su-stitch-group-invitations {
	margin-bottom: 14px;
}

.su-community__group-invitation-head,
.su-community__space-management-head,
.su-stitch-space-management__head,
.su-community__group-invitation-card,
.su-community__space-member,
.su-stitch-space-member {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.su-community__group-invitation-card,
.su-community__space-member,
.su-stitch-space-member {
	padding: 11px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-surface);
}

.su-community__group-invitation-card p,
.su-community__space-management-head p,
.su-stitch-space-management__head p,
.su-community__space-member span,
.su-stitch-space-member span,
.su-community__group-invitation-state {
	margin: 3px 0 0;
	color: var(--su-community-muted);
	font-size: 0.78rem;
	line-height: 1.4;
}

.su-community__space-invite,
.su-stitch-space-invite {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 9px;
}

.su-community__space-invite select,
.su-stitch-space-invite select,
.su-community__space-member select,
.su-stitch-space-member select {
	box-sizing: border-box;
	min-height: 40px;
	padding: 8px 10px;
	border: 1px solid var(--su-community-border-strong);
	border-radius: 8px;
	background: var(--su-community-panel);
	color: var(--su-community-ink);
	font: inherit;
}

.su-community__space-members,
.su-stitch-space-members {
	display: grid;
	gap: 8px;
}

.su-stitch-group-invitations,
.su-stitch-space-management {
	border-color: var(--su-stitch-outline);
	background: var(--su-stitch-surface);
}

.su-community__space-feed-head,
.su-stitch-space-feed__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.su-community__space-feed-head strong,
.su-stitch-space-feed__head strong {
	display: block;
	color: var(--su-community-plum);
	font-size: 0.96rem;
}

.su-community__space-feed-head p,
.su-stitch-space-feed__head p {
	margin: 4px 0 0;
	color: var(--su-community-muted);
	font-size: 0.82rem;
	line-height: 1.45;
}

.su-community__space-composer,
.su-stitch-space-composer {
	display: grid;
	gap: 9px;
	padding: 14px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-panel);
}

.su-community__space-composer textarea,
.su-stitch-space-composer textarea {
	box-sizing: border-box;
	width: 100%;
	min-height: 92px;
	padding: 11px 12px;
	resize: vertical;
	border: 1px solid var(--su-community-border-strong);
	border-radius: 8px;
	background: var(--su-community-surface);
	color: var(--su-community-ink);
	font: inherit;
}

.su-community__space-composer textarea:focus-visible,
.su-stitch-space-composer textarea:focus-visible {
	outline: 2px solid var(--su-community-teal);
	outline-offset: 2px;
}

.su-community__space-media-picker,
.su-stitch-space-media-picker {
	display: grid;
	gap: 9px;
	padding: 10px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: var(--su-community-soft);
}

.su-community__space-media-picker-head,
.su-stitch-space-media-picker__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	color: var(--su-community-muted);
	font-size: 0.78rem;
}

.su-community__space-media-picker-head input,
.su-stitch-space-media-picker__head input {
	max-width: min(100%, 260px);
	color: var(--su-community-ink);
	font: inherit;
}

.su-community__space-media-picker-list,
.su-stitch-space-media-picker__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
}

.su-community__space-media-option,
.su-stitch-space-media-option {
	position: relative;
	display: grid;
	place-items: center;
	min-width: 0;
	aspect-ratio: 1;
	overflow: hidden;
	border: 1px solid var(--su-community-border-strong);
	border-radius: 8px;
	background: var(--su-community-panel);
	color: var(--su-community-plum);
	cursor: pointer;
}

.su-community__space-media-option[data-selected="true"],
.su-stitch-space-media-option[data-selected="true"] {
	border: 2px solid var(--su-community-teal);
}

.su-community__space-media-option img,
.su-stitch-space-media-option img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community__space-media-option small,
.su-stitch-space-media-option small {
	position: absolute;
	right: 4px;
	bottom: 4px;
	left: 4px;
	padding: 3px;
	border-radius: 4px;
	background: var(--su-community-ink);
	color: var(--su-community-panel);
	font-size: 0.62rem;
	text-align: center;
}

.su-community__space-composer-footer,
.su-stitch-space-composer__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.su-community__space-feed-stream,
.su-stitch-space-feed__stream {
	display: grid;
	gap: 14px;
	min-width: 0;
}

.su-stitch-space-detail {
	min-width: 0;
}

.su-stitch-space-detail-card {
	display: grid;
	gap: 16px;
	min-width: 0;
	padding: 18px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 8px;
	background: var(--su-stitch-surface);
}

.su-stitch-space-detail-card__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
}

.su-stitch-space-detail-card__identity {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.su-stitch-space-detail-card__emblem {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 8px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-weight: 900;
}

.su-stitch-space-detail-card__identity strong {
	display: block;
	color: var(--su-stitch-ink);
	font-size: 16px;
}

.su-stitch-space-detail-card__identity p {
	margin: 4px 0 0;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 19px;
}

.su-stitch-space-detail-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.su-stitch-space-detail-card__meta span {
	padding: 5px 9px;
	border-radius: 8px;
	background: var(--su-stitch-cream);
	color: var(--su-stitch-muted);
	font-size: 10px;
	font-weight: 700;
}

.su-stitch-space-feed {
	border-color: var(--su-stitch-outline);
}

.su-stitch-space-feed__head strong {
	color: var(--su-stitch-ink);
}

.su-stitch-space-feed__head p {
	color: var(--su-stitch-muted);
}

.su-stitch-space-card {
	display: grid;
	gap: 16px;
	padding: 18px;
	border: 1px solid rgba(17, 24, 39, 0.34);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.5);
}

.su-stitch-space-card > div:first-child {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}

.su-stitch-space-card > div:first-child > span,
.su-stitch-space-card--state > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 16px;
	font-weight: 900;
}

.su-stitch-space-card p {
	margin: 4px 0 0;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 19px;
}

.su-stitch-space-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.su-stitch-space-card__actions .su-stitch-primary {
	min-height: 36px;
	padding: 0 16px;
}

.su-stitch-primary--subtle {
	border: 1px solid rgba(17, 24, 39, 0.18);
	background: #ffffff;
	color: var(--su-stitch-primary);
}

.su-stitch-primary--subtle:hover,
.su-stitch-primary--subtle:focus-visible {
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
}

.su-stitch-space-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 12px;
}

.su-stitch-space-card__meta span {
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--su-stitch-cream);
	color: var(--su-stitch-muted);
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
}

.su-stitch-space-card--state {
	grid-column: 1 / -1;
	grid-template-columns: 48px minmax(0, 1fr);
	align-items: start;
}

.su-stitch-inbox__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.su-stitch-inbox__filters button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 7px 14px;
	border: 0;
	border-radius: 999px;
	background: var(--su-stitch-cream);
	color: var(--su-stitch-muted);
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
}

.su-stitch-inbox__filters button:hover,
.su-stitch-inbox__filters button:focus-visible,
.su-stitch-inbox__filters button.is-active {
	outline: 0;
	background: var(--su-stitch-primary);
	color: #ffffff;
}

.su-stitch-inbox__list {
	display: grid;
	gap: 12px;
}

.su-stitch-bookmarks__count {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0 14px;
	border: 1px solid rgba(243, 94, 132, 0.16);
	border-radius: 999px;
	background: rgba(243, 94, 132, 0.08);
	color: var(--su-stitch-primary);
	font-size: 12px;
	font-weight: 800;
	line-height: 16px;
	white-space: nowrap;
}

.su-stitch-bookmarks__list {
	display: grid;
	gap: 12px;
}

.su-stitch-bookmark-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	padding: 16px;
	border: 1px solid rgba(17, 24, 39, 0.34);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.54);
}

.su-stitch-bookmark-card--state {
	grid-template-columns: 48px minmax(0, 1fr);
}

.su-stitch-bookmark-card--state > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 999px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 22px;
}

.su-stitch-bookmark-card span {
	display: block;
	margin: 0 0 4px;
	color: var(--su-stitch-muted);
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	text-transform: uppercase;
}

.su-stitch-bookmark-card strong {
	display: block;
	color: var(--su-stitch-ink);
	font-size: 15px;
	font-weight: 900;
	line-height: 21px;
}

.su-stitch-bookmark-card p {
	margin: 6px 0 0;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 20px;
}

.su-stitch-bookmark-card > div:last-child {
	display: flex;
	gap: 8px;
}

.su-stitch-bookmark-card button,
.su-stitch-bookmarks__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.su-stitch-bookmark-card button {
	width: 38px;
	height: 38px;
	border-radius: 999px;
	color: var(--su-stitch-muted);
}

.su-stitch-bookmark-card button:hover,
.su-stitch-bookmark-card button:focus-visible {
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
}

.su-stitch-bookmarks__more {
	justify-self: start;
	min-height: 42px;
	padding: 0 18px;
	border-radius: 999px;
	background: var(--su-stitch-primary);
	color: #ffffff;
	font-size: 13px;
	font-weight: 800;
}

.su-stitch-bookmarks__more:disabled {
	opacity: 0.58;
}

.su-stitch-notification {
	display: grid;
	grid-template-columns: 40px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 14px;
	border: 1px solid rgba(17, 24, 39, 0.32);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.5);
}

.su-stitch-notification[data-unread="true"] {
	border-color: rgba(243, 94, 132, 0.32);
	background: rgba(255, 239, 246, 0.58);
}

.su-stitch-notification > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 21px;
}

.su-stitch-notification strong {
	display: block;
	color: var(--su-stitch-ink);
	font-size: 14px;
	font-weight: 800;
	line-height: 20px;
}

.su-stitch-notification span,
.su-stitch-notification p {
	display: block;
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 11px;
	line-height: 16px;
}

.su-stitch-notification button {
	min-height: 32px;
	padding: 0 12px;
	border: 0;
	border-radius: 8px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 11px;
	font-weight: 800;
	line-height: 16px;
}

.su-stitch-notification--state {
	grid-template-columns: 40px minmax(0, 1fr);
}

.su-stitch-directory__head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
	gap: 24px;
	align-items: center;
	margin: 0 0 30px;
}

.su-stitch-directory p {
	margin: 4px 0 0;
	color: var(--su-stitch-muted);
	font-size: 14px;
	line-height: 20px;
}

.su-stitch-search {
	position: relative;
	display: block;
}

.su-stitch-search .material-symbols-outlined {
	position: absolute;
	top: 50%;
	left: 16px;
	z-index: 1;
	margin-top: -10px;
	color: var(--su-stitch-muted);
	font-size: 20px;
}

.su-stitch-search input {
	width: 100%;
	min-height: 48px;
	padding: 0 18px 0 48px;
	border: 0 !important;
	border-radius: 12px !important;
	background: var(--su-stitch-cream) !important;
	color: var(--su-stitch-ink) !important;
	box-shadow: none !important;
	font-size: 14px;
	line-height: 20px;
}

.su-stitch-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 30px;
}

.su-stitch-filters button {
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

.su-stitch-filters button:hover,
.su-stitch-filters button:focus-visible,
.su-stitch-filters button.is-active {
	outline: 0;
	background: var(--su-stitch-primary);
	color: #ffffff;
}

.su-stitch-directory__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.su-stitch-directory__list article {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr) auto;
	align-items: center;
	gap: 16px;
	padding: 16px;
	border: 1px solid rgba(17, 24, 39, 0.32);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.4);
	transition: border-color 160ms ease;
}

.su-stitch-directory__list article:hover {
	border-color: rgba(243, 94, 132, 0.35);
}

.su-stitch-directory__list .su-stitch-directory__state {
	grid-template-columns: 48px minmax(0, 1fr);
	grid-column: 1 / -1;
	background: rgba(255, 255, 255, 0.58);
}

.su-stitch-directory__state > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	border-radius: 999px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 22px;
}

.su-stitch-member-avatar {
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border-radius: 999px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 13px;
	font-weight: 800;
}

.su-stitch-member-avatar img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-stitch-directory__list strong {
	display: block;
	color: var(--su-stitch-ink);
	font-size: 14px;
	font-weight: 800;
	line-height: 20px;
}

.su-stitch-directory__list span {
	display: block;
	color: var(--su-stitch-muted);
	font-size: 10px;
	line-height: 14px;
}

.su-stitch-member-actions {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.su-stitch-member-actions button[aria-pressed="true"] {
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
}

.su-stitch-profile-card__top > .su-community__tip-button {
	background: #059669;
	color: #ffffff;
	letter-spacing: 0;
}

.su-stitch-profile-card__top > .su-community__tip-button:hover,
.su-stitch-profile-card__top > .su-community__tip-button:focus-visible {
	background: #0b5f59;
	color: #ffffff;
}

.su-stitch-member-actions .su-community__member-tip {
	border-color: rgba(5, 150, 105, 0.18);
	background: #eef9f6;
	color: #059669;
}

.su-stitch-member-actions .su-community__member-tip:hover,
.su-stitch-member-actions .su-community__member-tip:focus-visible {
	background: #dff3ef;
	color: #0b5f59;
}

.su-community__member-follow[aria-pressed="true"] {
	background: var(--su-community-ink, #111827);
	color: #ffffff;
}

.su-stitch-directory__list button,
.su-stitch-post header button,
.su-stitch-post footer button,
.su-stitch-composer__bar button:not(.su-stitch-primary) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--su-stitch-muted);
	box-shadow: none;
}

.su-stitch-directory__list button:hover,
.su-stitch-post header button:hover,
.su-stitch-post footer button:hover,
.su-stitch-composer__bar button:not(.su-stitch-primary):hover {
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
}

.su-stitch-feed-section {
	display: grid;
	gap: 24px;
}

.su-stitch-feed-title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.su-stitch-feed-title .material-symbols-outlined {
	color: var(--su-stitch-primary);
	font-size: 24px;
}

.su-stitch-global-search {
	position: relative;
	display: block;
}

.su-stitch-global-search .material-symbols-outlined {
	position: absolute;
	top: 50%;
	left: 16px;
	z-index: 1;
	margin-top: -10px;
	color: var(--su-stitch-muted);
	font-size: 20px;
}

.su-stitch-global-search input {
	width: 100%;
	min-height: 48px;
	padding: 0 18px 0 48px;
	border: 1px solid rgba(17, 24, 39, 0.52) !important;
	border-radius: 12px !important;
	background: rgba(255, 255, 255, 0.68) !important;
	color: var(--su-stitch-ink) !important;
	box-shadow: none !important;
	font-size: 14px;
	line-height: 20px;
}

.su-stitch-search-results {
	display: grid;
	gap: 10px;
	padding: 14px;
	border: 1px solid rgba(17, 24, 39, 0.42);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.58);
}

.su-stitch-search-state,
.su-stitch-search-result p {
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 19px;
}

.su-stitch-search-result {
	display: grid;
	gap: 3px;
	padding: 10px 12px;
	border: 1px solid transparent;
	border-radius: 10px;
	background: rgba(248, 250, 252, 0.82);
	cursor: pointer;
}

.su-stitch-search-result__body {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.su-stitch-search-result--product {
	grid-template-columns: 56px minmax(0, 1fr);
	align-items: center;
}

.su-stitch-search-result__thumbnail {
	width: 56px;
	height: 56px;
	object-fit: cover;
	border: 1px solid var(--su-stitch-border);
	border-radius: 6px;
	background: #ffffff;
}

.su-stitch-search-result:hover,
.su-stitch-search-result:focus-visible {
	border-color: rgba(213, 41, 118, 0.28);
	background: rgba(255, 255, 255, 0.94);
	outline: 0;
}

.su-stitch-search-result--hashtag {
	background: rgba(255, 241, 247, 0.9);
}

.su-stitch-search-result--member {
	background: rgba(239, 252, 250, 0.86);
}

.su-stitch-search-result span {
	color: var(--su-stitch-muted);
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
}

.su-stitch-composer {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 16px;
	padding: 24px;
	border: 1px solid rgba(17, 24, 39, 0.42);
}

.su-stitch-composer > img {
	width: 48px;
	height: 48px;
	object-fit: cover;
	border-radius: 999px;
	background: #e0d8d6;
}

.su-stitch-composer__avatar {
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border-radius: 999px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 13px;
	font-weight: 800;
}

.su-stitch-composer__avatar img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-stitch-composer textarea {
	display: block;
	width: 100%;
	min-height: 64px;
	padding: 0 0 18px;
	border: 0 !important;
	border-bottom: 1px solid rgba(17, 24, 39, 0.45) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--su-stitch-ink);
	font-size: 18px;
	line-height: 28px;
	resize: vertical;
}

.su-stitch-composer textarea::placeholder {
	color: var(--su-stitch-muted);
}

.su-stitch-composer-assist {
	display: grid;
	gap: 8px;
	margin-top: 12px;
	padding: 12px;
	border: 1px solid rgba(17, 24, 39, 0.52);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.86);
	box-shadow: 0 14px 30px rgba(17, 24, 39, 0.08);
}

.su-stitch-composer-assist[hidden] {
	display: none;
}

.su-stitch-composer-assist__title,
.su-stitch-composer-assist__state {
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 11px;
	font-weight: 800;
	line-height: 15px;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.su-stitch-composer-assist__state {
	text-transform: none;
	letter-spacing: 0;
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
}

.su-stitch-composer-assist__item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	width: 100%;
	min-height: 42px;
	padding: 9px 11px;
	border: 1px solid rgba(17, 24, 39, 0.48);
	border-radius: 10px;
	background: rgba(248, 250, 252, 0.72);
	color: var(--su-stitch-ink);
	text-align: left;
	cursor: pointer;
}

.su-stitch-composer-assist__item:hover,
.su-stitch-composer-assist__item:focus-visible,
.su-stitch-composer-assist__item[data-active="true"] {
	border-color: rgba(243, 94, 132, 0.46);
	background: rgba(243, 94, 132, 0.1);
	outline: none;
}

.su-stitch-composer-assist__item strong {
	min-width: 0;
	overflow: hidden;
	color: var(--su-stitch-primary);
	font-size: 13px;
	font-weight: 800;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.su-stitch-composer-assist__item span {
	color: var(--su-stitch-muted);
	font-size: 11px;
	font-weight: 700;
	line-height: 15px;
	white-space: nowrap;
}

.su-stitch-composer__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 18px;
}

.su-stitch-composer__notice {
	margin: 12px 0 0;
	padding: 10px 12px;
	border-radius: 10px;
	background: rgba(5, 150, 105, 0.08);
	color: var(--su-stitch-ink);
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
}

.su-stitch-composer__notice[data-tone="error"] {
	background: rgba(243, 94, 132, 0.12);
	color: var(--su-stitch-primary);
}

.su-stitch-composer__notice[data-tone="success"] {
	background: rgba(5, 150, 105, 0.12);
	color: var(--su-stitch-teal);
}

.su-stitch-media-strip {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
}

.su-stitch-media-pill {
	display: inline-grid;
	gap: 2px;
	min-width: 118px;
	padding: 9px 11px;
	border: 1px solid rgba(17, 24, 39, 0.5);
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.68);
}

.su-stitch-media-pill[data-action="true"] {
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.su-stitch-media-pill[data-action="true"]:hover,
.su-stitch-media-pill[data-action="true"]:focus-visible,
.su-stitch-media-pill[aria-pressed="true"] {
	border-color: var(--su-stitch-primary);
}

.su-stitch-media-pill[aria-pressed="true"] {
	background: rgba(243, 94, 132, 0.08);
}

.su-stitch-media-pill strong {
	color: var(--su-stitch-ink);
	font-size: 11px;
	font-weight: 800;
	line-height: 15px;
}

.su-stitch-media-pill small {
	color: var(--su-stitch-muted);
	font-size: 10px;
	line-height: 14px;
}

.su-stitch-media-pill[data-tone="ready"] {
	border-color: rgba(5, 150, 105, 0.24);
	background: rgba(5, 150, 105, 0.08);
}

.su-stitch-media-pill[data-tone="error"] {
	border-color: rgba(243, 94, 132, 0.28);
	background: rgba(243, 94, 132, 0.1);
}

.su-stitch-composer__bar > div {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.su-stitch-composer__bar .material-symbols-outlined {
	font-size: 20px;
}

.su-community-audience-control {
	display: grid;
	gap: 6px;
	color: var(--su-stitch-ink, var(--su-community-ink));
}

.su-community-audience-control__label {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 750;
}

.su-community-audience-control__label .material-symbols-outlined {
	color: var(--su-stitch-primary, var(--su-community-accent));
	font-size: 18px;
}

.su-community-audience-control select {
	min-height: 38px;
	padding: 7px 34px 7px 10px;
	border: 1px solid var(--su-stitch-outline, var(--su-community-border));
	border-radius: 6px;
	background-color: #ffffff;
	color: var(--su-stitch-ink, var(--su-community-ink));
	font: inherit;
	font-size: 13px;
	font-weight: 700;
}

.su-community-audience-control select:focus-visible {
	border-color: var(--su-stitch-primary, var(--su-community-accent));
	outline: 3px solid rgba(243, 94, 132, 0.16);
	outline-offset: 1px;
}

.su-community-audience-control > small {
	color: var(--su-stitch-muted, var(--su-community-muted));
	font-size: 11px;
	line-height: 16px;
}

.su-community-audience-control--compact {
	position: relative;
	display: inline-flex;
	align-items: center;
	height: 36px;
	padding-left: 10px;
	border: 1px solid var(--su-stitch-outline, var(--su-community-border));
	border-radius: 6px;
	background: #ffffff;
}

.su-community-audience-control--compact > .material-symbols-outlined {
	color: var(--su-stitch-muted, var(--su-community-muted));
	font-size: 18px;
	pointer-events: none;
}

.su-community-audience-control--compact select {
	width: auto;
	min-height: 34px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 0;
	background-color: transparent;
}

.su-community-audience-control--story,
.su-community-audience-control--classic {
	margin-top: 16px;
}

.su-stitch-feed-list {
	display: grid;
	gap: 24px;
}

.su-stitch-post {
	padding: 24px;
	border: 1px solid rgba(17, 24, 39, 0.42);
}

.su-stitch-post--state {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: start;
	gap: 14px;
	background: rgba(255, 255, 255, 0.56);
}

.su-stitch-post--state > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 22px;
}

.su-stitch-post--state p {
	margin: 4px 0 0;
	color: var(--su-stitch-muted);
	font-size: 14px;
	line-height: 21px;
}

.su-stitch-post header {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 18px;
}

.su-stitch-post header > .su-stitch-post__menu {
	position: absolute;
	top: 38px;
	right: 0;
	z-index: 4;
	display: grid;
	align-items: stretch;
	gap: 2px;
	min-width: 148px;
	padding: 6px;
	border: 1px solid var(--su-community-border);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 14px 30px rgba(17, 24, 39, 0.14);
}

.su-stitch-post header > .su-stitch-post__menu[hidden] {
	display: none;
}

.su-stitch-post header > .su-stitch-post__menu button {
	justify-content: flex-start;
	width: 100%;
	height: auto;
	min-height: 34px;
	padding: 7px 9px;
	border-radius: 6px;
	color: var(--su-stitch-ink);
	font-size: 12px;
	font-weight: 700;
}

.su-stitch-post header > div {
	display: flex;
	align-items: center;
	gap: 12px;
}

.su-stitch-post header img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 999px;
	background: #e0d8d6;
}

.su-stitch-post__avatar {
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border-radius: 999px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 12px;
	font-weight: 800;
}

.su-stitch-post strong {
	display: block;
	color: var(--su-stitch-ink);
	font-size: 14px;
	font-weight: 800;
	line-height: 20px;
}

.su-stitch-post header span {
	display: block;
	color: var(--su-stitch-muted);
	font-size: 10px;
	line-height: 14px;
}

.su-stitch-post p {
	margin: 0 0 18px;
	color: var(--su-stitch-ink);
	font-size: 16px;
	line-height: 24px;
}

.su-stitch-post__media {
	display: none;
	width: calc(100% + 48px);
	max-width: none;
	height: auto;
	margin: 0 -24px 16px;
	object-fit: cover;
}

.su-stitch-post footer {
	display: flex;
	align-items: center;
	gap: 24px;
	padding-top: 18px;
	border-top: 1px solid rgba(17, 24, 39, 0.22);
}

.su-stitch-post footer button {
	width: auto;
	height: 32px;
	gap: 8px;
	border-radius: 8px;
	color: var(--su-stitch-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

.su-stitch-post footer button:last-child {
	margin-left: auto;
}

.su-stitch-post footer .material-symbols-outlined {
	font-size: 20px;
}

.su-stitch-post footer button.is-active {
	color: var(--su-stitch-primary);
}

.su-stitch-feed-more,
.su-stitch-comments__more {
	justify-self: center;
	min-height: 42px;
	padding: 0 18px;
	border: 1px solid rgba(17, 24, 39, 0.64);
	border-radius: 999px;
	background: #ffffff;
	color: var(--su-stitch-ink);
	font-size: 13px;
	font-weight: 800;
	line-height: 18px;
	box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
}

.su-stitch-feed-more:hover,
.su-stitch-comments__more:hover {
	border-color: rgba(243, 94, 132, 0.42);
	color: var(--su-stitch-primary);
}

.su-stitch-post button:disabled,
.su-stitch-composer button:disabled,
.su-stitch-comment-form button:disabled,
.su-stitch-feed-more:disabled,
.su-stitch-comments__more:disabled {
	cursor: not-allowed;
	opacity: 0.46;
}

.su-stitch-context {
	display: grid;
	gap: 4px;
	margin: 0 0 18px;
	padding: 14px;
	border: 1px solid rgba(5, 150, 105, 0.16);
	border-radius: 12px;
	background: rgba(5, 150, 105, 0.06);
}

.su-stitch-context span {
	color: var(--su-stitch-teal);
	font-size: 10px;
	font-weight: 800;
	line-height: 14px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.su-stitch-context p {
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 19px;
}

.su-stitch-comments {
	display: grid;
	gap: 12px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(17, 24, 39, 0.22);
}

.su-stitch-comment-thread {
	display: grid;
	gap: 8px;
}

.su-stitch-comment-replies {
	display: grid;
	gap: 8px;
	margin-left: 22px;
	padding-left: 12px;
	border-left: 2px solid rgba(243, 94, 132, 0.14);
}

.su-stitch-comment {
	display: grid;
	gap: 3px;
	padding: 12px;
	border-radius: 12px;
	background: rgba(248, 250, 252, 0.82);
}

.su-stitch-comment[data-reply="true"] {
	background: rgba(255, 255, 255, 0.88);
}

.su-stitch-comment p,
.su-stitch-comments__state {
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 19px;
}

.su-stitch-comment span {
	color: var(--su-stitch-muted);
	font-size: 10px;
	line-height: 14px;
}

.su-stitch-comment__actions {
	display: flex;
	gap: 8px;
	margin-top: 4px;
}

.su-stitch-comment__actions button {
	width: auto;
	height: 26px;
	padding: 0;
	background: transparent;
	color: var(--su-stitch-primary);
	font-size: 12px;
	font-weight: 800;
	line-height: 16px;
}

.su-stitch-comment-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	align-items: end;
}

.su-stitch-comment-form--reply {
	margin-left: 22px;
	padding-left: 12px;
	border-left: 2px solid rgba(243, 94, 132, 0.14);
}

.su-stitch-comment-form textarea {
	min-height: 46px;
	padding: 10px 12px;
	border: 1px solid rgba(17, 24, 39, 0.52);
	border-radius: 12px;
	background: #ffffff;
	color: var(--su-stitch-ink);
	font-size: 13px;
	line-height: 19px;
	resize: vertical;
}

@media (max-width: 980px) {
	.su-community--stitch {
		left: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding-bottom: 88px !important;
		overflow-x: hidden !important;
	}

	.su-stitch-shell {
		width: 100%;
		padding: 0 14px;
	}

	.su-stitch-hero {
		width: auto;
		height: 40vh;
		min-height: 326px;
		margin: 0 -14px 34px;
		border-radius: 0;
		box-shadow: none;
	}

	.su-stitch-hero__image {
		object-position: center;
	}

	.su-stitch-hero__shade {
		background: linear-gradient(90deg, rgba(250, 242, 240, 0.96) 0%, rgba(250, 242, 240, 0.78) 58%, rgba(250, 242, 240, 0.24) 100%);
	}

	.su-stitch-hero__copy {
		width: min(100%, 320px);
		padding: 0 14px 34px;
		color: var(--su-stitch-ink);
	}

	.su-stitch-hero__copy h1 {
		color: #000000;
		font-size: 36px;
		line-height: 42px;
	}

	.su-stitch-hero__copy p {
		color: var(--su-stitch-ink);
		font-size: 16px;
		line-height: 24px;
	}

	.su-stitch-grid {
		display: block;
	}

	.su-stitch-main {
		display: grid;
		gap: 34px;
	}

	.su-stitch-sidebar {
		display: block;
	}

	.su-stitch-security {
		display: none;
	}

	.su-stitch-nav {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 999;
		display: grid;
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 0;
		padding: 8px 12px max(8px, env(safe-area-inset-bottom));
		border-radius: 0;
		background: rgba(255, 255, 255, 0.96);
		backdrop-filter: blur(16px);
		box-shadow: 0 -8px 24px rgba(16, 23, 32, 0.08);
	}

	.su-stitch-nav__item {
		display: grid;
		place-items: center;
		gap: 2px;
		min-height: 48px;
		padding: 3px;
		border-radius: 10px;
		font-size: 0;
		letter-spacing: 0;
	}

	.su-stitch-nav__item .material-symbols-outlined {
		font-size: 23px;
	}

	.su-stitch-section-head {
		margin-bottom: 14px;
	}

	.su-stitch-section-head h2,
	.su-stitch-directory h2,
	.su-stitch-feed-title h2 {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0;
	}

	.su-stitch-stories__row {
		gap: 12px;
		margin: 0 -14px;
		padding: 0 14px 4px;
	}

	.su-stitch-story {
		flex-basis: 64px;
		width: 64px;
		height: 92px;
		overflow: visible;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: var(--su-stitch-ink);
	}

	.su-stitch-story > img,
	.su-stitch-story--new {
		width: 58px;
		height: 58px;
		border: 2px solid var(--su-stitch-primary);
		border-radius: 999px;
		background: var(--su-stitch-surface);
		object-fit: cover;
		box-shadow: 0 0 0 3px #ffffff;
	}

	.su-stitch-story--new {
		display: grid;
		place-items: center;
		align-content: center;
		border: 2px dashed var(--su-stitch-outline);
		box-shadow: none;
	}

	.su-stitch-story--new .material-symbols-outlined {
		font-size: 20px;
	}

	.su-stitch-story__overlay,
	.su-stitch-story__avatar {
		display: none;
	}

	.su-stitch-story strong,
	.su-stitch-story--new small {
		position: absolute;
		right: 50%;
		bottom: 0;
		width: 76px;
		margin-right: -38px;
		color: var(--su-stitch-ink);
		font-size: 12px;
		font-weight: 500;
		line-height: 16px;
		text-align: center;
	}

	.su-stitch-story > small:not(:only-child),
	.su-stitch-story--state small {
		display: none;
	}

	.su-stitch-profile-grid,
	.su-stitch-profile-card__top,
	.su-stitch-directory__head,
	.su-stitch-directory__list,
	.su-stitch-composer {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-stitch-status-card {
		display: none;
	}

	.su-stitch-profile-card,
	.su-stitch-directory,
	.su-stitch-bookmarks,
	.su-stitch-composer,
	.su-stitch-post {
		padding: 20px;
		border-radius: 12px;
	}

	.su-stitch-bookmark-card {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-stitch-bookmark-card--state {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	.su-stitch-bookmark-card--state > .material-symbols-outlined {
		width: 42px;
		height: 42px;
	}

	.su-stitch-profile-card {
		position: relative;
		overflow: hidden;
		background: var(--su-stitch-surface);
	}

	.su-stitch-profile-card::after {
		content: "";
		position: absolute;
		top: -42px;
		right: -42px;
		width: 150px;
		height: 150px;
		border-radius: 999px;
		background: rgba(243, 94, 132, 0.08);
	}

	.su-stitch-profile-card__top {
		position: relative;
		z-index: 1;
		grid-template-columns: 64px minmax(0, 1fr);
		gap: 16px;
	}

	.su-stitch-profile-card__photo {
		width: 64px;
		height: 64px;
		border-radius: 10px;
	}

	.su-stitch-profile-card__title {
		display: grid;
		gap: 4px;
	}

	.su-stitch-profile-card__title h2 {
		font-size: 16px;
		line-height: 24px;
	}

	.su-stitch-profile-card__body p,
	.su-stitch-chips,
	.su-stitch-profile-card__top > .su-stitch-primary {
		display: none;
	}

	.su-stitch-profile-card__stats {
		position: relative;
		z-index: 1;
		gap: 14px;
		margin-top: 24px;
		text-align: left;
	}

	.su-stitch-profile-card__stats span {
		text-transform: uppercase;
	}

	.su-stitch-profile-card__stats strong {
		font-size: 16px;
		line-height: 24px;
	}

	.su-stitch-profile-edit {
		position: relative;
		z-index: 1;
		padding: 14px;
	}

	.su-stitch-profile-edit__checks,
	.su-stitch-profile-edit__actions,
	.su-stitch-comment-form {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-stitch-profile-edit__actions {
		justify-content: stretch;
		flex-direction: column;
	}

	.su-stitch-directory {
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.su-stitch-directory p {
		display: none;
	}

	.su-community__profile-media-editor,
	.su-stitch-profile-edit__media {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-stitch-search input {
		min-height: 46px;
		padding-left: 34px;
		border-radius: 0 !important;
		background: transparent !important;
		border-bottom: 1px solid var(--su-stitch-dark) !important;
	}

	.su-stitch-search .material-symbols-outlined {
		left: 0;
	}

	.su-stitch-filters {
		gap: 10px;
		margin-bottom: 0;
	}

	.su-stitch-filters button {
		min-height: 36px;
		padding: 8px 16px;
		background: var(--su-stitch-soft);
		color: var(--su-stitch-primary);
		font-size: 14px;
		line-height: 20px;
	}

	.su-stitch-feed-title {
		display: none;
	}

	.su-stitch-composer {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 12px;
	}

	.su-stitch-composer > img {
		width: 40px;
		height: 40px;
	}

	.su-stitch-composer__avatar {
		width: 40px;
		height: 40px;
	}

	.su-stitch-composer textarea {
		min-height: 62px;
		font-size: 14px;
		line-height: 20px;
	}

	.su-stitch-composer-assist__item {
		grid-template-columns: minmax(0, 1fr);
		gap: 2px;
	}

	.su-stitch-composer-assist__item span {
		white-space: normal;
	}

	.su-stitch-composer__bar {
		padding-top: 14px;
	}

	.su-stitch-primary {
		min-height: 40px;
		padding: 0 18px;
		font-size: 14px;
		letter-spacing: 0;
	}

	.su-stitch-post header {
		margin-bottom: 16px;
	}

	.su-stitch-post p {
		font-size: 14px;
		line-height: 22px;
	}

	.su-stitch-post__media {
		display: block;
		width: calc(100% + 40px);
		margin: 0 -20px 14px;
	}

	.su-stitch-spaces__list {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-stitch-space-detail-card__head,
	.su-community__space-feed-head,
	.su-stitch-space-feed__head,
	.su-community__group-invitation-card,
	.su-community__space-member,
	.su-stitch-space-member,
	.su-community__space-composer-footer,
	.su-stitch-space-composer__footer {
		align-items: stretch;
		flex-direction: column;
	}

	.su-stitch-space-detail-card__head > .su-stitch-primary,
	.su-community__space-composer-footer .su-community__button,
	.su-stitch-space-composer__footer .su-stitch-primary {
		width: 100%;
	}

	.su-community__space-invite,
	.su-stitch-space-invite {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__space-media-picker-head,
	.su-stitch-space-media-picker__head {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community__space-media-picker-list,
	.su-stitch-space-media-picker__list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Phase I.32: SecretUndies Community image hero. */
.su-community--stitch .su-community__hero {
	display: grid !important;
	place-items: center;
	min-height: clamp(210px, 24vw, 360px);
	padding: clamp(34px, 5.6vw, 68px) clamp(18px, 5vw, 72px);
	background-color: #f5f5f5;
	background-image: linear-gradient(90deg, rgba(248, 250, 252, 0.1), rgba(248, 250, 252, 0.44) 50%, rgba(248, 250, 252, 0.1)), url("../images/community-hero.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: 0;
	color: var(--su-community-plum, #111827);
	text-align: center;
}

.su-community--stitch .su-community__hero-copy {
	display: grid;
	place-items: center;
	width: min(100%, 860px);
	max-width: 860px;
	margin: 0 auto;
}

.su-community--stitch .su-community__title--hero-main {
	max-width: 560px;
	margin: 0;
	color: rgba(17, 24, 39, 0.92);
	font-size: clamp(1.55rem, 3.1vw, 2.85rem);
	font-weight: 760;
	line-height: 1.08;
	letter-spacing: 0;
	text-shadow: 0 10px 26px rgba(255, 255, 255, 0.76);
}

.su-community--stitch .su-community__hero-copy > .su-community__eyebrow,
.su-community--stitch .su-community__hero-copy > .su-community__title:not(.su-community__title--hero-main),
.su-community--stitch .su-community__hero-copy > .su-community__subtitle,
.su-community--stitch .su-community__hero-panel {
	display: none !important;
}

@media (max-width: 860px) {
	.su-community--stitch .su-community__hero {
		min-height: 220px;
		background-position: center;
	}

	.su-community--stitch .su-community__title--hero-main {
		max-width: 360px;
		font-size: clamp(1.45rem, 6.8vw, 2.1rem);
		line-height: 1.1;
	}
}

/* Phase I.40: Stitch modern core redesign, scoped to the Community shortcode only. */
.su-community--stitch {
	--su-core-bg: #f5f5f5;
	--su-core-surface: #ffffff;
	--su-core-card: #ffffff;
	--su-core-card-soft: #f5f5f5;
	--su-core-ink: #111827;
	--su-core-muted: rgba(17, 24, 39, 0.68);
	--su-core-pink: #f35e84;
	--su-core-pink-bright: #111827;
	--su-core-pink-soft: rgba(243, 94, 132, 0.08);
	--su-core-outline: rgba(17, 24, 39, 0.18);
	--su-core-dark: #111827;
	--su-core-shadow: 0 12px 34px rgba(16, 23, 32, 0.06);
	position: relative !important;
	left: auto !important;
	width: min(100%, 1200px) !important;
	max-width: 1200px !important;
	min-height: 0;
	margin: 0 auto !important;
	padding: clamp(16px, 3vw, 32px) clamp(14px, 5vw, 64px) clamp(42px, 6vw, 72px);
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: var(--su-core-bg);
	background-image: none !important;
	color: var(--su-core-ink);
	box-shadow: none;
	font-family: var(--su-mp-font, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);
}

body.page-id-1000023618 .su-community--stitch {
	width: min(100%, 1200px) !important;
	max-width: 1200px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.su-community--stitch .su-community__hero {
	display: grid !important;
	align-items: end;
	justify-items: start;
	min-height: clamp(240px, 26vw, 320px);
	margin: 0 0 clamp(28px, 4vw, 46px);
	padding: clamp(28px, 5vw, 42px);
	overflow: hidden;
	border-radius: 12px;
	background:
		linear-gradient(180deg, rgba(16, 23, 32, 0.06), rgba(16, 23, 32, 0.78)),
		url("../images/community-hero.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #ffffff;
	text-align: left;
	box-shadow: var(--su-core-shadow);
}

.su-community--stitch .su-community__hero-copy {
	display: grid;
	gap: 8px;
	place-items: start;
	width: min(100%, 720px);
	max-width: 720px;
	margin: 0;
}

.su-community--stitch .su-community__title--hero-main {
	max-width: 720px;
	margin: 0;
	color: #ffffff;
	font-size: clamp(2.2rem, 4vw, 3rem);
	font-weight: 760;
	line-height: 1.08;
	letter-spacing: -0.02em;
	text-shadow: none;
}

.su-community--stitch .su-community__subtitle--modern-core {
	display: block !important;
	max-width: 560px;
	margin: 0;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(0.95rem, 1.3vw, 1.08rem);
	font-weight: 400;
	line-height: 1.5;
}

.su-community--stitch .su-community__hero-copy > .su-community__eyebrow,
.su-community--stitch .su-community__hero-copy > .su-community__title:not(.su-community__title--hero-main),
.su-community--stitch .su-community__hero-copy > .su-community__subtitle:not(.su-community__subtitle--modern-core),
.su-community--stitch .su-community__hero-panel,
.su-community--stitch .su-community__rules,
.su-community--stitch .su-community__feed-head,
.su-community--stitch .su-community__activity-cockpit,
.su-community--stitch .su-community__feed-tools,
.su-community--stitch .su-community__stories-footnote,
.su-community--stitch .su-community__quick-actions,
.su-community--stitch .su-community__trending-spaces {
	display: none !important;
}

.su-community--stitch .su-community__layout {
	display: grid;
	grid-template-columns: minmax(184px, 238px) minmax(0, 1fr);
	align-items: start;
	gap: clamp(24px, 3vw, 32px);
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
}

.su-community--stitch .su-community__main-column {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(22px, 3vw, 40px);
	min-width: 0;
}

.su-community--stitch .su-community__nav {
	position: sticky;
	top: 24px;
	display: grid;
	gap: 8px;
	width: 100%;
	margin: 0;
	padding: 24px;
	overflow: visible;
	border: 0;
	border-radius: 12px;
	background: var(--su-core-surface);
	box-shadow: var(--su-core-shadow);
}

.su-community--stitch .su-community__nav[hidden] {
	display: none !important;
}

.su-community--stitch .su-community__nav-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 12px;
	min-height: 44px;
	padding: 11px 14px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	box-shadow: none;
	color: var(--su-core-muted);
	font: inherit;
	font-size: 0.88rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.2;
	text-align: left;
}

.su-community--stitch .su-community__nav-button:hover,
.su-community--stitch .su-community__nav-button:focus-visible,
.su-community--stitch .su-community__nav-button[aria-current="true"],
.su-community--stitch .su-community__nav-button[aria-current="location"] {
	background: var(--su-core-pink-soft);
	color: var(--su-core-pink);
	box-shadow: none;
	transform: none;
}

.su-community--stitch .su-community__nav-button::before {
	display: none !important;
}

.su-community--stitch .su-community__nav-glyph {
	color: currentColor;
	font-size: 18px;
}

.su-community--stitch .su-community__right-rail {
	position: sticky;
	top: 24px;
	display: grid;
	gap: 20px;
}

.su-community--stitch .su-community__safety-profile {
	display: grid;
	gap: 14px;
	padding: 24px;
	border: 0;
	border-radius: 12px;
	background: var(--su-core-dark);
	color: #ffffff;
	text-align: left;
	box-shadow: var(--su-core-shadow);
}

.su-community--stitch .su-community__safety-profile h3,
.su-community--stitch .su-community__safety-profile strong {
	color: #ffffff;
}

.su-community--stitch .su-community__safety-profile h3 {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 760;
	line-height: 1.2;
	text-align: left;
}

.su-community--stitch .su-community__safety-profile p {
	margin: 0;
	color: rgba(255, 255, 255, 0.76);
	font-size: 0.86rem;
	line-height: 1.45;
}

.su-community--stitch .su-community__safety-mark {
	display: none;
}

.su-community--stitch .su-community__rail-cta,
.su-community--stitch .su-community__button--primary {
	min-height: 42px;
	border: 0;
	border-radius: 8px;
	background: var(--su-core-pink);
	color: #ffffff;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	box-shadow: none;
}

.su-community--stitch .su-community__notice,
.su-community--stitch .su-community__profile-panel,
.su-community--stitch .su-community__members,
.su-community--stitch .su-community__groups,
.su-community--stitch .su-community__notifications,
.su-community--stitch .su-community__composer,
.su-community--stitch .su-community__stories,
.su-community--stitch .su-community__post,
.su-community--stitch .su-community__state,
.su-community--stitch .su-community__member-directory,
.su-community--stitch .su-community__space-cockpit,
.su-community--stitch .su-community__notification-center,
.su-community--stitch .su-community__profile-focus,
.su-community--stitch .su-community__profile-card,
.su-community--stitch .su-community__profile-tab-panel,
.su-community--stitch .su-community__group-detail-card,
.su-community--stitch .su-community__member-card,
.su-community--stitch .su-community__group-card,
.su-community--stitch .su-community__notification-item {
	margin: 0;
	padding: clamp(20px, 2.5vw, 32px);
	border: 0;
	border-radius: 12px;
	background: var(--su-core-surface);
	box-shadow: var(--su-core-shadow);
}

.su-community--stitch .su-community__feed-shell {
	display: grid;
	gap: clamp(22px, 3vw, 36px);
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.su-community--stitch .su-community__stories {
	order: -3;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.su-community--stitch .su-community__stories-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 16px;
}

.su-community--stitch .su-community__stories-head .su-community__panel-kicker {
	display: none;
}

.su-community--stitch .su-community__stories-title {
	margin: 0;
	color: var(--su-core-ink);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -0.01em;
}

.su-community--stitch .su-community__stories-state {
	color: var(--su-core-pink);
	font-size: 0.78rem;
	font-weight: 700;
	background: transparent;
}

.su-community--stitch .su-community__stories-list {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	padding: 0 2px 6px;
	scrollbar-width: none;
}

.su-community--stitch .su-community__stories-list::-webkit-scrollbar {
	display: none;
}

.su-community--stitch .su-community__story-card {
	flex: 0 0 76px;
	display: grid;
	justify-items: center;
	gap: 8px;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent !important;
	color: var(--su-core-ink);
	box-shadow: none;
}

.su-community--stitch .su-community__story-card-media {
	width: 64px;
	height: 64px;
	border: 2px solid var(--su-core-pink);
	border-radius: 999px;
	background: var(--su-core-surface);
	box-shadow: 0 0 0 3px #ffffff;
}

.su-community--stitch .su-community__story-card--create .su-community__story-card-media {
	border-style: dashed;
	border-color: var(--su-core-outline);
	box-shadow: none;
}

.su-community--stitch .su-community__story-avatar {
	width: 56px;
	height: 56px;
	border-radius: 999px;
	background: linear-gradient(135deg, var(--su-core-pink), var(--su-core-dark));
	color: #ffffff;
	font-size: 0.72rem;
}

.su-community--stitch .su-community__story-badge,
.su-community--stitch .su-community__story-card-body em {
	display: none;
}

.su-community--stitch .su-community__story-card-body strong {
	display: block;
	width: 82px;
	color: var(--su-core-ink);
	font-size: 0.76rem;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.su-community--stitch .su-community__profile-panel {
	order: -2;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.su-community--stitch .su-community__profile-focus {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	padding: 32px;
	overflow: hidden;
	border: 1px solid rgba(17, 24, 39, 0.72);
	background: var(--su-core-surface);
}

.su-community--stitch .su-community__profile-cover {
	position: absolute;
	inset: 0 0 auto auto;
	width: 180px;
	height: 180px;
	border-radius: 0 12px 0 999px;
	background: rgba(243, 94, 132, 0.08);
}

.su-community--stitch .su-community__profile-cover span {
	display: none;
}

.su-community--stitch .su-community__profile-focus-body {
	position: relative;
	display: grid;
	gap: 22px;
}

.su-community--stitch .su-community__profile-identity {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 22px;
	align-items: center;
}

.su-community--stitch .su-community__avatar--focus {
	width: 88px;
	height: 88px;
	border: 1px solid var(--su-core-outline);
	border-radius: 12px;
	background: #ffffff;
	color: var(--su-core-pink);
	font-size: 1.18rem;
	font-weight: 800;
}

.su-community--stitch .su-community__panel-kicker {
	margin: 0 0 4px;
	color: var(--su-core-pink);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.su-community--stitch .su-community__section-title,
.su-community--stitch .su-community__profile-panel-head h4,
.su-community--stitch .su-community__member-directory-title,
.su-community--stitch .su-community__space-cockpit-title,
.su-community--stitch .su-community__notification-preferences-title {
	margin: 0;
	color: var(--su-core-ink);
	font-size: clamp(1.4rem, 2vw, 1.95rem);
	font-weight: 720;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.su-community--stitch .su-community__profile-copy p,
.su-community--stitch .su-community__member-directory-copy,
.su-community--stitch .su-community__space-cockpit-copy,
.su-community--stitch .su-community__notification-preferences-copy,
.su-community--stitch .su-community__body,
.su-community--stitch .su-community__post-copy p {
	color: var(--su-core-muted);
	font-size: 0.94rem;
	line-height: 1.55;
}

.su-community--stitch .su-community__profile-status-rail,
.su-community--stitch .su-community__profile-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.su-community--stitch .su-community__status-pill,
.su-community--stitch .su-community__profile-trust-item,
.su-community--stitch .su-community__profile-mini-rail span,
.su-community--stitch .su-community__feed-filter-button,
.su-community--stitch .su-community__member-filter-button,
.su-community--stitch .su-community__space-filter-button,
.su-community--stitch .su-community__notification-filter-button {
	border: 0;
	border-radius: 999px;
	background: var(--su-core-pink-soft);
	color: var(--su-core-pink);
	font-size: 0.75rem;
	font-weight: 700;
}

.su-community--stitch .su-community__profile-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	padding-top: 20px;
	border-top: 1px solid rgba(17, 24, 39, 0.7);
}

.su-community--stitch .su-community__profile-metric,
.su-community--stitch .su-community__member-directory-metrics span,
.su-community--stitch .su-community__space-cockpit-metrics span,
.su-community--stitch .su-community__profile-info-grid span {
	padding: 16px;
	border: 1px solid rgba(17, 24, 39, 0.65);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.54);
}

.su-community--stitch .su-community__profile-metric span,
.su-community--stitch .su-community__profile-info-grid small {
	color: var(--su-core-muted);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.su-community--stitch .su-community__profile-metric strong,
.su-community--stitch .su-community__profile-info-grid strong {
	color: var(--su-core-ink);
	font-size: 0.98rem;
}

.su-community--stitch .su-community__profile-nav,
.su-community--stitch .su-community__profile-layout,
.su-community--stitch .su-community__profile-form {
	display: none !important;
}

.su-community--stitch .su-community__members {
	order: -1;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

.su-community--stitch .su-community__members-head,
.su-community--stitch .su-community__groups-head,
.su-community--stitch .su-community__notifications-head {
	margin: 0 0 18px;
}

.su-community--stitch .su-community__member-directory,
.su-community--stitch .su-community__space-cockpit,
.su-community--stitch .su-community__notification-center {
	padding: 32px;
	border: 1px solid rgba(17, 24, 39, 0.65);
}

.su-community--stitch .su-community__member-search,
.su-community--stitch .su-community__space-search,
.su-community--stitch .su-community__input,
.su-community--stitch .su-community__select,
.su-community--stitch .su-community__textarea {
	border: 0;
	border-bottom: 1px solid var(--su-core-dark);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--su-core-ink);
}

.su-community--stitch .su-community__member-search:focus,
.su-community--stitch .su-community__space-search:focus,
.su-community--stitch .su-community__input:focus,
.su-community--stitch .su-community__select:focus,
.su-community--stitch .su-community__textarea:focus {
	border-bottom-color: var(--su-core-pink-bright);
	box-shadow: 0 1px 0 var(--su-core-pink-bright);
	outline: 0;
}

.su-community--stitch .su-community__member-list,
.su-community--stitch .su-community__group-list,
.su-community--stitch .su-community__notification-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 24px;
}

.su-community--stitch .su-community__member-card,
.su-community--stitch .su-community__group-card,
.su-community--stitch .su-community__notification-item {
	padding: 18px;
	border: 1px solid rgba(17, 24, 39, 0.55);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.55);
	box-shadow: none;
}

.su-community--stitch .su-community__composer {
	padding: 28px 32px;
	border: 1px solid rgba(17, 24, 39, 0.65);
}

.su-community--stitch .su-community__composer-head,
.su-community--stitch .su-community__composer-assist,
.su-community--stitch .su-community__composer-main-head,
.su-community--stitch .su-community__composer-guidance,
.su-community--stitch .su-community__composer-side,
.su-community--stitch .su-community__composer-intent {
	display: none !important;
}

.su-community--stitch .su-community__composer-workbench,
.su-community--stitch .su-community__composer-grid,
.su-community--stitch .su-community__composer-main {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

.su-community--stitch .su-community__textarea[data-su-community-composer-body] {
	min-height: 96px;
	margin: 0;
	padding: 0 0 18px;
	border: 0;
	border-bottom: 1px solid rgba(17, 24, 39, 0.72);
	border-radius: 0;
	background: transparent;
	font-size: 1rem;
}

.su-community--stitch .su-community__composer-submit-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	margin-top: 18px;
}

.su-community--stitch .su-community__composer-submit-hint,
.su-community--stitch .su-community__counter {
	color: var(--su-core-muted);
	font-size: 0.78rem;
}

.su-community--stitch .su-community__feed {
	display: grid;
	gap: 22px;
}

.su-community--stitch .su-community__post {
	padding: 28px 32px;
	border: 1px solid rgba(17, 24, 39, 0.65);
	background: var(--su-core-surface);
}

.su-community--stitch .su-community__post-header,
.su-community--stitch .su-community__post-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.su-community--stitch .su-community__post-avatar {
	width: 42px;
	height: 42px;
	background: linear-gradient(135deg, var(--su-core-dark), var(--su-core-pink));
	color: #ffffff;
}

.su-community--stitch .su-community__actions {
	display: flex;
	align-items: center;
	gap: 20px;
}

.su-community--stitch .su-community__action-button {
	min-height: 32px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--su-core-ink);
	font-size: 0.9rem;
	box-shadow: none;
}

.su-community--stitch .su-community__action-button[data-active="true"] {
	color: var(--su-core-pink);
}

@media (min-width: 1181px) {
	.su-community--stitch .su-community__layout {
		grid-template-columns: 238px minmax(0, 760px);
		grid-template-rows: auto auto;
	}

	.su-community--stitch .su-community__nav {
		grid-column: 1;
		grid-row: 1;
	}

	.su-community--stitch .su-community__right-rail {
		grid-column: 1;
		grid-row: 2;
		margin-top: 16px;
	}

	.su-community--stitch .su-community__main-column {
		grid-column: 2;
		grid-row: 1 / span 2;
	}
}

@media (max-width: 980px) {
	.su-community--stitch {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 14px 80px;
	}

	body.page-id-1000023618 .page_content_wrap > .content_wrap,
	body.page-id-1000023618 .su-community--stitch {
		width: 100% !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.su-community--stitch .su-community__layout {
		display: block;
	}

	.su-community--stitch .su-community__nav {
		position: sticky;
		z-index: 20;
		top: 0;
		display: flex !important;
		gap: 10px;
		margin: 0 -14px 18px;
		padding: 10px 14px;
		overflow-x: auto;
		border-radius: 0;
		background: rgba(255, 255, 255, 0.88);
		backdrop-filter: blur(16px);
		box-shadow: 0 8px 24px rgba(16, 23, 32, 0.05);
		scrollbar-width: none;
	}

	.su-community--stitch .su-community__nav::-webkit-scrollbar {
		display: none;
	}

	.su-community--stitch .su-community__nav-button {
		flex: 0 0 auto;
		min-height: 40px;
		padding: 9px 12px;
	}

	.su-community--stitch .su-community__hero {
		min-height: 40vh;
		margin: 0 -14px 28px;
		padding: 0 14px 34px;
		border-radius: 0;
		background-position: center;
	}

	.su-community--stitch .su-community__title--hero-main {
		max-width: 300px;
		font-size: clamp(2rem, 9vw, 2.45rem);
		line-height: 1.12;
	}

	.su-community--stitch .su-community__subtitle--modern-core {
		max-width: 290px;
		font-size: 0.95rem;
	}

	.su-community--stitch .su-community__right-rail {
		display: none !important;
	}

	.su-community--stitch .su-community__main-column {
		gap: 28px;
	}

	.su-community--stitch .su-community__profile-focus,
	.su-community--stitch .su-community__member-directory,
	.su-community--stitch .su-community__space-cockpit,
	.su-community--stitch .su-community__notification-center,
	.su-community--stitch .su-community__composer,
	.su-community--stitch .su-community__post {
		padding: 20px;
	}

	.su-community--stitch .su-community__profile-identity {
		grid-template-columns: 64px minmax(0, 1fr);
		gap: 16px;
	}

	.su-community--stitch .su-community__avatar--focus {
		width: 64px;
		height: 64px;
	}

	.su-community--stitch .su-community__profile-metrics,
	.su-community--stitch .su-community__member-list,
	.su-community--stitch .su-community__group-list,
	.su-community--stitch .su-community__notification-list {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community--stitch .su-community__stories-title,
	.su-community--stitch .su-community__section-title,
	.su-community--stitch .su-community__profile-panel-head h4,
	.su-community--stitch .su-community__member-directory-title,
	.su-community--stitch .su-community__space-cockpit-title,
	.su-community--stitch .su-community__notification-preferences-title {
		font-size: 1.28rem;
	}

	.su-community--stitch .su-community__composer-submit-row,
	.su-community--stitch .su-community__post-header,
	.su-community--stitch .su-community__post-footer {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community--stitch .su-community__button--primary {
		width: 100%;
	}
}

/* Phase I.41: Fullwidth Stitch fidelity pass for the Community shortcode. */
body.page-id-1000023618 .page_content_wrap,
body.page-id-1000023618 .page_content_wrap > .content_wrap,
body.page-id-1000023618 .page_content_wrap .content,
body.page-id-1000023618 .post_content.entry-content > .elementor,
body.page-id-1000023618 .post_content.entry-content .elementor-section,
body.page-id-1000023618 .post_content.entry-content .elementor-container,
body.page-id-1000023618 .post_content.entry-content .elementor-column,
body.page-id-1000023618 .post_content.entry-content .elementor-widget-wrap,
body.page-id-1000023618 .post_content.entry-content .elementor-widget-container {
	max-width: none !important;
	width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.su-community--stitch {
	left: 50% !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin: 0 0 0 -50vw !important;
	padding: 26px 0 78px !important;
	overflow-x: clip;
	background: #f5f5f5 !important;
	color: #111827;
	font-family: var(--su-mp-font, "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif) !important;
}

body.page-id-1000023618 .su-community--stitch {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: -50vw !important;
}

.su-community--stitch .su-community__skip-links,
.su-community--stitch .su-community__rules,
.su-community--stitch .su-community__feed-head,
.su-community--stitch .su-community__activity-cockpit,
.su-community--stitch .su-community__feed-tools,
.su-community--stitch .su-community__stories-footnote,
.su-community--stitch .su-community__quick-actions,
.su-community--stitch .su-community__trending-spaces {
	display: none !important;
}

.su-community--stitch .su-community__hero,
.su-community--stitch .su-community__layout {
	width: min(calc(100% - 32px), 1200px) !important;
	max-width: 1200px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.su-community--stitch .su-community__hero {
	display: grid !important;
	align-items: end;
	min-height: 304px !important;
	margin-bottom: 46px !important;
	padding: 0 32px 34px !important;
	overflow: hidden;
	border: 0 !important;
	border-radius: 12px !important;
	background:
		linear-gradient(180deg, rgba(16, 23, 32, 0.04) 0%, rgba(16, 23, 32, 0.18) 45%, rgba(16, 23, 32, 0.72) 100%),
		url("../images/community-hero.png") center / cover no-repeat !important;
	box-shadow: 0 10px 28px rgba(16, 23, 32, 0.08) !important;
}

.su-community--stitch .su-community__hero-copy {
	display: grid !important;
	gap: 7px !important;
	width: min(100%, 560px) !important;
	margin: 0 !important;
	text-align: left !important;
}

.su-community--stitch .su-community__title--hero-main {
	max-width: 560px !important;
	margin: 0 !important;
	color: #ffffff !important;
	font-size: clamp(2rem, 3.7vw, 3rem) !important;
	font-weight: 700 !important;
	line-height: 1.12 !important;
	letter-spacing: 0 !important;
	text-shadow: none !important;
	text-transform: none !important;
}

.su-community--stitch .su-community__subtitle--modern-core {
	display: block !important;
	max-width: 520px !important;
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: 1.05rem !important;
	font-weight: 400 !important;
	line-height: 1.48 !important;
	letter-spacing: 0 !important;
}

.su-community--stitch .su-community__hero-copy > .su-community__eyebrow,
.su-community--stitch .su-community__hero-copy > .su-community__title:not(.su-community__title--hero-main),
.su-community--stitch .su-community__hero-copy > .su-community__subtitle:not(.su-community__subtitle--modern-core),
.su-community--stitch .su-community__hero-panel {
	display: none !important;
}

.su-community--stitch .su-community__layout {
	display: grid !important;
	grid-template-columns: 238px minmax(0, 1fr) !important;
	align-items: start !important;
	gap: 24px !important;
	min-height: 0 !important;
	padding: 0 !important;
}

.su-community--stitch .su-community__main-column {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 42px !important;
	min-width: 0 !important;
}

.su-community--stitch .su-community__nav {
	position: sticky !important;
	top: 24px !important;
	display: grid !important;
	gap: 2px !important;
	width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 22px !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 28px rgba(16, 23, 32, 0.06) !important;
}

.su-community--stitch .su-community__nav[hidden] {
	display: none !important;
}

.su-community--stitch .su-community__nav-button {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 12px !important;
	min-height: 45px !important;
	padding: 11px 14px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: rgba(17, 24, 39, 0.68) !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
	letter-spacing: 0 !important;
	text-align: left !important;
}

.su-community--stitch .su-community__nav-button:hover,
.su-community--stitch .su-community__nav-button:focus-visible,
.su-community--stitch .su-community__nav-button[aria-current="true"],
.su-community--stitch .su-community__nav-button[aria-current="location"] {
	background: rgba(243, 94, 132, 0.08) !important;
	color: #f35e84 !important;
	transform: none !important;
}

.su-community--stitch .su-community__nav-button::before {
	display: none !important;
}

.su-community--stitch .su-community__nav-glyph {
	width: 20px;
	height: 20px;
	color: currentColor;
	font-size: 18px;
	line-height: 20px;
}

.su-community--stitch .su-community__right-rail {
	position: static !important;
	display: grid !important;
	gap: 16px !important;
	grid-column: 1 !important;
	grid-row: 2 !important;
	margin-top: -30px !important;
}

.su-community--stitch .su-community__safety-profile {
	display: grid !important;
	min-height: 188px !important;
	padding: 24px !important;
	overflow: hidden;
	border: 0 !important;
	border-radius: 10px !important;
	background: #111827 !important;
	color: #ffffff !important;
	text-align: left !important;
	box-shadow: 0 10px 28px rgba(16, 23, 32, 0.06) !important;
}

.su-community--stitch .su-community__safety-profile h3 {
	margin: 0 0 8px !important;
	color: #ffffff !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 32px !important;
	letter-spacing: 0 !important;
	text-align: left !important;
}

.su-community--stitch .su-community__safety-profile p {
	margin: 0 0 18px !important;
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 13px !important;
	line-height: 1.45 !important;
}

.su-community--stitch .su-community__safety-profile strong,
.su-community--stitch .su-community__safety-profile .su-community__safety-mark {
	display: none !important;
}

.su-community--stitch .su-community__rail-cta,
.su-community--stitch .su-community__button--primary,
.su-community--stitch .su-community__modern-edit,
.su-community--stitch .su-community__composer-submit-row .su-community__button--primary {
	min-height: 42px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: #f35e84 !important;
	color: #ffffff !important;
	box-shadow: none !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 18px !important;
	letter-spacing: 0 !important;
}

.su-community--stitch .su-community__rail-cta:hover,
.su-community--stitch .su-community__button--primary:hover,
.su-community--stitch .su-community__modern-edit:hover {
	background: #111827 !important;
}

.su-community--stitch .su-community__feed-shell {
	display: grid !important;
	gap: 42px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.su-community--stitch .su-community__stories {
	order: -8 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.su-community--stitch .su-community__stories-head {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin: 0 0 18px !important;
}

.su-community--stitch .su-community__stories-head .su-community__panel-kicker {
	display: none !important;
}

.su-community--stitch .su-community__stories-title,
.su-community--stitch .su-community__modern-feed-title h3 {
	margin: 0 !important;
	color: #111827 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 32px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}

.su-community--stitch .su-community__stories-state {
	padding: 0 !important;
	background: transparent !important;
	color: #f35e84 !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 16px !important;
	letter-spacing: 0 !important;
}

.su-community--stitch .su-community__stories-list {
	display: flex !important;
	gap: 16px !important;
	width: 100%;
	padding: 0 0 4px !important;
	overflow-x: auto !important;
	scrollbar-width: none;
}

.su-community--stitch .su-community__stories-list::-webkit-scrollbar {
	display: none;
}

.su-community--stitch .su-community__story-card {
	position: relative !important;
	flex: 0 0 96px !important;
	display: grid !important;
	align-items: end !important;
	justify-items: center !important;
	min-width: 96px !important;
	min-height: 132px !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 1px solid rgba(17, 24, 39, 0.72) !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

.su-community--stitch .su-community__story-card:nth-child(2) {
	background-image: linear-gradient(145deg, #111827 0%, #f35e84 55%, #111827 100%) !important;
}

.su-community--stitch .su-community__story-card:nth-child(3) {
	background-image: linear-gradient(145deg, #f5f5f5 0%, #111827 52%, #111827 100%) !important;
}

.su-community--stitch .su-community__story-card:nth-child(4) {
	background-image: linear-gradient(145deg, #f5f5f5 0%, #f35e84 58%, #111827 100%) !important;
}

.su-community--stitch .su-community__story-card--create {
	align-items: center !important;
	border: 2px dashed rgba(17, 24, 39, 0.18) !important;
	background: transparent !important;
	color: rgba(17, 24, 39, 0.68) !important;
}

.su-community--stitch .su-community__story-card-media {
	position: absolute !important;
	inset: 0 !important;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.su-community--stitch .su-community__story-card:not(.su-community__story-card--create)::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(180deg, rgba(16, 23, 32, 0.08) 0%, rgba(16, 23, 32, 0.54) 100%);
}

.su-community--stitch .su-community__story-avatar {
	position: absolute !important;
	right: 50% !important;
	bottom: 28px !important;
	z-index: 1 !important;
	width: 32px !important;
	height: 32px !important;
	margin-right: -16px !important;
	border: 2px solid #111827 !important;
	border-radius: 999px !important;
	background: #ffffff !important;
	color: #f35e84 !important;
	font-size: 10px !important;
	font-weight: 800 !important;
}

.su-community--stitch .su-community__story-card--create .su-community__story-avatar {
	position: static !important;
	display: grid !important;
	place-items: center !important;
	width: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	border: 1px solid #f35e84 !important;
	background: transparent !important;
	color: #f35e84 !important;
}

.su-community--stitch .su-community__story-badge,
.su-community--stitch .su-community__story-card-body em {
	display: none !important;
}

.su-community--stitch .su-community__story-card-body {
	position: relative !important;
	z-index: 1 !important;
	display: grid !important;
	place-items: center !important;
	width: 100% !important;
	padding: 0 8px 12px !important;
}

.su-community--stitch .su-community__story-card-body strong {
	width: 100% !important;
	margin: 0 !important;
	color: inherit !important;
	font-size: 10px !important;
	font-weight: 800 !important;
	line-height: 14px !important;
	letter-spacing: 0 !important;
	text-align: center !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.su-community--stitch .su-community__modern-profile-row {
	order: -7;
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(220px, 1fr);
	gap: 24px;
}

.su-community--stitch .su-community__modern-profile-card,
.su-community--stitch .su-community__modern-status-card,
.su-community--stitch .su-community__modern-directory,
.su-community--stitch .su-community__composer,
.su-community--stitch .su-community__post,
.su-community--stitch .su-community__state,
.su-community--stitch .su-community__members,
.su-community--stitch .su-community__groups,
.su-community--stitch .su-community__notifications,
.su-community--stitch .su-community__profile-panel {
	margin: 0 !important;
	border: 1px solid rgba(17, 24, 39, 0.52) !important;
	border-radius: 12px !important;
	background: #ffffff !important;
	box-shadow: 0 10px 28px rgba(16, 23, 32, 0.05) !important;
}

.su-community--stitch .su-community__modern-profile-card {
	display: grid;
	gap: 24px;
	padding: 32px;
}

.su-community--stitch .su-community__modern-profile-main {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr) auto;
	align-items: start;
	gap: 24px;
}

.su-community--stitch .su-community__modern-avatar {
	display: grid;
	place-items: center;
	width: 88px;
	height: 88px;
	border: 2px solid rgba(243, 94, 132, 0.22);
	border-radius: 16px;
	background: #f35e84;
	color: #ffffff;
	font-size: 24px;
	font-weight: 800;
	line-height: 1;
}

.su-community--stitch .su-community__modern-profile-copy {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.su-community--stitch .su-community__modern-profile-title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.su-community--stitch .su-community__modern-profile-title h3,
.su-community--stitch .su-community__modern-directory h3 {
	margin: 0 !important;
	color: #111827 !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 32px !important;
	letter-spacing: 0 !important;
}

.su-community--stitch .su-community__modern-profile-title span {
	padding: 4px 9px;
	border-radius: 4px;
	background: rgba(243, 94, 132, 0.08);
	color: #f35e84;
	font-size: 10px;
	font-weight: 800;
	line-height: 14px;
}

.su-community--stitch .su-community__modern-profile-copy p,
.su-community--stitch .su-community__modern-directory p {
	margin: 0 !important;
	color: rgba(17, 24, 39, 0.68) !important;
	font-size: 14px !important;
	line-height: 20px !important;
}

.su-community--stitch .su-community__modern-chip-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.su-community--stitch .su-community__modern-chip-row span,
.su-community--stitch .su-community__modern-filter-row button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 6px 14px;
	border: 0;
	border-radius: 999px;
	background: #f5f5f5;
	color: rgba(17, 24, 39, 0.68);
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0;
}

.su-community--stitch .su-community__modern-edit {
	align-self: start;
	min-width: 116px;
	padding: 0 18px;
}

.su-community--stitch .su-community__modern-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	padding-top: 24px;
	border-top: 1px solid rgba(17, 24, 39, 0.48);
	text-align: center;
}

.su-community--stitch .su-community__modern-metrics span {
	display: grid;
	gap: 2px;
	color: rgba(17, 24, 39, 0.68);
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
}

.su-community--stitch .su-community__modern-metrics strong {
	color: #f35e84;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
}

.su-community--stitch .su-community__modern-status-card {
	position: relative;
	display: grid;
	align-content: start;
	gap: 18px;
	min-height: 100%;
	padding: 28px;
	overflow: hidden;
	background: #f5f5f5 !important;
}

.su-community--stitch .su-community__modern-status-card h3 {
	margin: 0;
	color: #f35e84;
	font-size: 12px;
	font-weight: 800;
	line-height: 16px;
	letter-spacing: 0;
	text-transform: uppercase;
}

.su-community--stitch .su-community__modern-status-card ul {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.su-community--stitch .su-community__modern-status-card li {
	display: flex;
	align-items: center;
	gap: 9px;
	color: #111827;
	font-size: 13px;
	line-height: 18px;
}

.su-community--stitch .su-community__modern-status-card .dashicons {
	width: 16px;
	height: 16px;
	color: rgba(17, 24, 39, 0.68);
	font-size: 15px;
	line-height: 16px;
}

.su-community--stitch .su-community__modern-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: #059669;
}

.su-community--stitch .su-community__modern-watermark {
	position: absolute;
	right: 22px;
	bottom: 18px;
	color: rgba(16, 23, 32, 0.12);
	font-size: 46px;
	font-weight: 900;
	line-height: 1;
}

.su-community--stitch .su-community__modern-directory {
	order: -6;
	display: grid;
	gap: 28px;
	padding: 32px;
}

.su-community--stitch .su-community__modern-directory-head {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, 420px);
	align-items: center;
	gap: 24px;
}

.su-community--stitch .su-community__modern-search {
	position: relative;
	display: block;
}

.su-community--stitch .su-community__modern-search .dashicons {
	position: absolute;
	top: 50%;
	left: 16px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	color: rgba(17, 24, 39, 0.68);
	font-size: 18px;
	line-height: 18px;
}

.su-community--stitch .su-community__modern-search input {
	width: 100%;
	min-height: 48px;
	padding: 0 18px 0 46px;
	border: 0 !important;
	border-radius: 12px !important;
	background: #f5f5f5 !important;
	color: #111827 !important;
	box-shadow: none !important;
	font-size: 14px;
	line-height: 20px;
}

.su-community--stitch .su-community__modern-filter-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.su-community--stitch .su-community__modern-filter-row button {
	cursor: pointer;
}

.su-community--stitch .su-community__modern-filter-row button.is-active {
	background: #f35e84;
	color: #ffffff;
}

.su-community--stitch .su-community__modern-member-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.su-community--stitch .su-community__modern-member-grid article {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr) auto;
	align-items: center;
	gap: 14px;
	padding: 14px;
	border: 1px solid rgba(17, 24, 39, 0.42);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.42);
}

.su-community--stitch .su-community__modern-member-avatar {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 999px;
	background: #f5f5f5;
	color: #111827;
	font-size: 13px;
	font-weight: 800;
}

.su-community--stitch .su-community__modern-member-grid strong {
	display: block;
	color: #111827;
	font-size: 13px;
	font-weight: 800;
	line-height: 18px;
}

.su-community--stitch .su-community__modern-member-grid span {
	display: block;
	color: rgba(17, 24, 39, 0.68);
	font-size: 11px;
	line-height: 16px;
}

.su-community--stitch .su-community__modern-contact-lock {
	justify-self: end;
	padding: 5px 8px;
	border-radius: 999px;
	background: rgba(243, 94, 132, 0.08);
	color: #f35e84 !important;
	font-size: 10px !important;
	font-weight: 800;
	line-height: 14px !important;
	white-space: nowrap;
}

.su-community--stitch .su-community__modern-feed-title {
	order: -4;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: -6px 0 -18px;
}

.su-community--stitch .su-community__modern-feed-title .dashicons {
	width: 22px;
	height: 22px;
	color: #f35e84;
	font-size: 22px;
	line-height: 22px;
}

.su-community--stitch .su-community__composer {
	order: -3 !important;
	padding: 24px !important;
}

.su-community--stitch .su-community__composer-head,
.su-community--stitch .su-community__composer-assist,
.su-community--stitch .su-community__composer-main-head,
.su-community--stitch .su-community__composer-guidance,
.su-community--stitch .su-community__composer-side,
.su-community--stitch .su-community__composer-intent,
.su-community--stitch .su-community__composer .su-community__label,
.su-community--stitch .su-community__composer-preview,
.su-community--stitch .su-community__composer-checks {
	display: none !important;
}

.su-community--stitch .su-community__composer-workbench,
.su-community--stitch .su-community__composer-grid,
.su-community--stitch .su-community__composer-main {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.su-community--stitch .su-community__textarea[data-su-community-composer-body] {
	min-height: 84px !important;
	padding: 0 0 22px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(17, 24, 39, 0.58) !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #111827 !important;
	box-shadow: none !important;
	font-size: 16px !important;
	line-height: 24px !important;
	resize: vertical;
}

.su-community--stitch .su-community__textarea[data-su-community-composer-body]::placeholder {
	color: rgba(17, 24, 39, 0.68) !important;
	opacity: 0.88 !important;
}

.su-community--stitch .su-community__composer-submit-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin-top: 18px !important;
}

.su-community--stitch .su-community__composer-submit-hint {
	color: rgba(17, 24, 39, 0.68) !important;
	font-size: 12px !important;
	line-height: 16px !important;
}

.su-community--stitch .su-community__counter {
	color: rgba(17, 24, 39, 0.68) !important;
	font-size: 12px !important;
	line-height: 16px !important;
}

.su-community--stitch .su-community__composer-submit-row .su-community__button--primary {
	width: auto !important;
	min-width: 112px !important;
	padding: 0 22px !important;
}

.su-community--stitch .su-community__feed {
	display: grid !important;
	gap: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.su-community--stitch .su-community__feed::before,
.su-community--stitch .su-community__timeline-marker,
.su-community--stitch .su-community__post-safety-rail,
.su-community--stitch .su-community__post-insights {
	display: none !important;
}

.su-community--stitch .su-community__post,
.su-community--stitch .su-community__state {
	padding: 24px !important;
}

.su-community--stitch .su-community__post-header,
.su-community--stitch .su-community__post-footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 14px !important;
}

.su-community--stitch .su-community__post-avatar,
.su-community--stitch .su-community__avatar {
	border-radius: 999px !important;
	box-shadow: none !important;
}

.su-community--stitch .su-community__post-title-row,
.su-community--stitch .su-community__author {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	color: #111827 !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 18px !important;
}

.su-community--stitch .su-community__body,
.su-community--stitch .su-community__post-copy p {
	color: #111827 !important;
	font-size: 14px !important;
	line-height: 22px !important;
}

.su-community--stitch .su-community__actions,
.su-community--stitch .su-community__post-footer {
	border-top: 1px solid rgba(17, 24, 39, 0.42) !important;
	padding-top: 16px !important;
}

.su-community--stitch .su-community__action-button {
	color: rgba(17, 24, 39, 0.68) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 18px !important;
}

.su-community--stitch .su-community__action-button[data-active="true"] {
	color: #f35e84 !important;
}

@media (min-width: 1181px) {
	.su-community--stitch .su-community__nav {
		grid-column: 1 !important;
		grid-row: 1 !important;
	}

	.su-community--stitch .su-community__main-column {
		grid-column: 2 !important;
		grid-row: 1 / span 2 !important;
	}
}

@media (max-width: 1180px) {
	.su-community--stitch .su-community__layout {
		grid-template-columns: 220px minmax(0, 1fr) !important;
	}

	.su-community--stitch .su-community__modern-profile-row,
	.su-community--stitch .su-community__modern-directory-head {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.su-community--stitch .su-community__modern-status-card {
		min-height: 170px;
	}
}

@media (max-width: 980px) {
	body.page-id-1000023618 .page_content_wrap,
	body.page-id-1000023618 .page_content_wrap > .content_wrap,
	body.page-id-1000023618 .page_content_wrap .content,
	body.page-id-1000023618 .post_content.entry-content > .elementor,
	body.page-id-1000023618 .post_content.entry-content .elementor-section,
	body.page-id-1000023618 .post_content.entry-content .elementor-container,
	body.page-id-1000023618 .post_content.entry-content .elementor-column,
	body.page-id-1000023618 .post_content.entry-content .elementor-widget-wrap,
	body.page-id-1000023618 .post_content.entry-content .elementor-widget-container {
		max-width: none !important;
		width: 100% !important;
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.su-community--stitch,
	body.page-id-1000023618 .su-community--stitch {
		left: auto !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 14px 82px !important;
		overflow-x: hidden;
	}

	.su-community--stitch .su-community__hero,
	.su-community--stitch .su-community__layout {
		width: 100% !important;
		max-width: 100% !important;
	}

	.su-community--stitch .su-community__hero {
		min-height: 40vh !important;
		margin: 0 -14px 34px !important;
		padding: 0 14px 34px !important;
		border-radius: 0 !important;
		background-position: center !important;
		box-shadow: none !important;
	}

	.su-community--stitch .su-community__title--hero-main {
		max-width: 310px !important;
		font-size: clamp(2rem, 9vw, 2.25rem) !important;
		line-height: 1.16 !important;
	}

	.su-community--stitch .su-community__subtitle--modern-core {
		max-width: 310px !important;
		font-size: 0.95rem !important;
		line-height: 1.45 !important;
	}

	.su-community--stitch .su-community__layout {
		display: block !important;
	}

	.su-community--stitch .su-community__nav {
		position: sticky !important;
		z-index: 20 !important;
		top: 0 !important;
		display: flex !important;
		gap: 10px !important;
		width: auto !important;
		margin: 0 -14px 26px !important;
		padding: 10px 14px !important;
		overflow-x: auto !important;
		border-radius: 0 !important;
		background: rgba(250, 242, 240, 0.9) !important;
		backdrop-filter: blur(16px);
		box-shadow: 0 8px 22px rgba(16, 23, 32, 0.06) !important;
		scrollbar-width: none;
	}

	.su-community--stitch .su-community__nav::-webkit-scrollbar {
		display: none;
	}

	.su-community--stitch .su-community__nav-button {
		flex: 0 0 auto !important;
		min-height: 40px !important;
		padding: 9px 12px !important;
	}

	.su-community--stitch .su-community__right-rail {
		display: none !important;
	}

	.su-community--stitch .su-community__main-column,
	.su-community--stitch .su-community__feed-shell {
		gap: 34px !important;
	}

	.su-community--stitch .su-community__stories-head {
		margin-bottom: 14px !important;
	}

	.su-community--stitch .su-community__stories-title,
	.su-community--stitch .su-community__modern-feed-title h3 {
		font-size: 16px !important;
		line-height: 24px !important;
	}

	.su-community--stitch .su-community__story-card {
		flex-basis: 70px !important;
		min-width: 70px !important;
		min-height: 92px !important;
		border-radius: 999px !important;
		background: transparent !important;
	}

	.su-community--stitch .su-community__story-card:not(.su-community__story-card--create)::before {
		display: none !important;
	}

	.su-community--stitch .su-community__story-card-media {
		position: static !important;
		width: 58px !important;
		height: 58px !important;
		border: 2px solid #f35e84 !important;
		border-radius: 999px !important;
		background: #ffffff !important;
		box-shadow: 0 0 0 3px #ffffff !important;
	}

	.su-community--stitch .su-community__story-card--create .su-community__story-card-media {
		border-style: dashed !important;
		border-color: rgba(17, 24, 39, 0.18) !important;
		box-shadow: none !important;
	}

	.su-community--stitch .su-community__story-avatar,
	.su-community--stitch .su-community__story-card--create .su-community__story-avatar {
		position: static !important;
		width: 48px !important;
		height: 48px !important;
		margin: 3px auto !important;
		border-radius: 999px !important;
	}

	.su-community--stitch .su-community__story-card-body {
		position: static !important;
		padding: 7px 0 0 !important;
		color: #111827 !important;
	}

	.su-community--stitch .su-community__story-card-body strong {
		width: 76px !important;
		color: #111827 !important;
		font-size: 12px !important;
		font-weight: 500 !important;
		line-height: 16px !important;
	}

	.su-community--stitch .su-community__modern-profile-row {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	.su-community--stitch .su-community__modern-status-card {
		display: none;
	}

	.su-community--stitch .su-community__modern-profile-card,
	.su-community--stitch .su-community__modern-directory,
	.su-community--stitch .su-community__composer,
	.su-community--stitch .su-community__post,
	.su-community--stitch .su-community__state,
	.su-community--stitch .su-community__members,
	.su-community--stitch .su-community__groups,
	.su-community--stitch .su-community__notifications,
	.su-community--stitch .su-community__profile-panel {
		padding: 20px !important;
	}

	.su-community--stitch .su-community__modern-profile-main {
		grid-template-columns: 64px minmax(0, 1fr);
		gap: 16px;
	}

	.su-community--stitch .su-community__modern-edit {
		grid-column: 1 / -1;
		width: 100%;
	}

	.su-community--stitch .su-community__modern-avatar {
		width: 64px;
		height: 64px;
		border-radius: 12px;
		font-size: 20px;
	}

	.su-community--stitch .su-community__modern-profile-title h3,
	.su-community--stitch .su-community__modern-directory h3 {
		font-size: 20px !important;
		line-height: 28px !important;
	}

	.su-community--stitch .su-community__modern-metrics {
		gap: 10px;
	}

	.su-community--stitch .su-community__modern-directory-head,
	.su-community--stitch .su-community__modern-member-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community--stitch .su-community__modern-search input {
		border-radius: 0 !important;
		background: transparent !important;
		border-bottom: 1px solid #111827 !important;
	}

	.su-community--stitch .su-community__modern-member-grid article {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	.su-community--stitch .su-community__modern-contact-lock {
		grid-column: 2;
		justify-self: start;
	}

	.su-community--stitch .su-community__composer-submit-row,
	.su-community--stitch .su-community__post-header,
	.su-community--stitch .su-community__post-footer {
		align-items: stretch !important;
		flex-direction: column !important;
	}

	.su-community--stitch .su-community__composer-submit-row .su-community__button--primary,
	.su-community--stitch .su-community__button--primary {
		width: 100% !important;
	}
}

/* Phase I.60: Restore the calmer SecretUndies community composition. */
.su-community--stitch {
	--su-stitch-cream: #f5f5f5;
	--su-stitch-surface: #ffffff;
	--su-stitch-ink: #111827;
	--su-stitch-muted: #6b7280;
	--su-stitch-primary: #f35e84;
	--su-stitch-hot: #111827;
	--su-stitch-dark: #111827;
	--su-stitch-outline: rgba(17, 24, 39, 0.14);
	--su-stitch-soft: rgba(243, 94, 132, 0.09);
	--su-stitch-teal: #059669;
	--su-stitch-amber: #f59e0b;
	--su-stitch-plum: #111827;
	--su-stitch-border: rgba(17, 24, 39, 0.14);
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-bottom: 64px !important;
	background: #f5f5f5 !important;
}

body.su-community-page .su-community--stitch,
body.page-id-1000023618 .su-community--stitch {
	left: auto !important;
	width: var(--su-community-viewport-width, 100vw) !important;
	max-width: var(--su-community-viewport-width, 100vw) !important;
	margin-right: calc(50% - var(--su-community-half-viewport-width, 50vw)) !important;
	margin-left: calc(50% - var(--su-community-half-viewport-width, 50vw)) !important;
}

.su-community--stitch button {
	min-width: 44px;
	min-height: 44px;
}

.su-community--stitch .su-stitch-stage {
	background: #f5f5f5;
}

.su-community--stitch > .su-community__skip-links,
.su-community--stitch > .su-community__hero,
.su-community--stitch > .su-community__rules,
.su-community--stitch > .su-community__layout {
	display: none !important;
}

.su-community--stitch .su-stitch-shell {
	width: min(calc(100% - 40px), 1200px);
	padding-top: 32px;
}

.su-community--stitch .su-stitch-hero {
	height: 244px;
	min-height: 0;
	margin-bottom: 32px;
	border: 1px solid var(--su-stitch-border);
	border-radius: 20px;
	background: #111827;
	box-shadow: 0 18px 42px rgba(17, 24, 39, 0.1);
}

.su-community--stitch .su-stitch-hero__image {
	object-position: center 48%;
}

.su-community--stitch .su-stitch-hero__shade {
	background: linear-gradient(180deg, rgba(17, 24, 39, 0.02) 0%, rgba(17, 24, 39, 0.2) 52%, rgba(17, 24, 39, 0.82) 100%);
}

.su-community--stitch .su-stitch-hero__copy {
	padding: 0 32px 28px;
}

.su-community--stitch .su-stitch-hero__copy h1 {
	margin-bottom: 6px;
	font-size: 38px;
	line-height: 46px;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-hero__copy p {
	max-width: 580px;
	font-size: 16px;
	line-height: 24px;
}

.su-community--stitch .su-stitch-grid {
	grid-template-columns: 220px minmax(0, 1fr);
	gap: 24px;
}

.su-community--stitch .su-stitch-sidebar {
	position: sticky;
	top: 24px;
	gap: 20px;
}

.su-community--stitch .su-stitch-nav,
.su-community--stitch .su-stitch-security,
.su-community--stitch .su-stitch-profile-card,
.su-community--stitch .su-stitch-status-card,
.su-community--stitch .su-stitch-directory,
.su-community--stitch .su-stitch-inbox,
.su-community--stitch .su-stitch-bookmarks,
.su-community--stitch .su-stitch-spaces,
.su-community--stitch .su-stitch-composer,
.su-community--stitch .su-stitch-post {
	border: 1px solid var(--su-stitch-border);
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 12px 34px rgba(17, 24, 39, 0.065);
}

.su-community--stitch .su-stitch-nav {
	gap: 4px;
	padding: 14px;
}

.su-community--stitch .su-stitch-nav__item {
	min-height: 44px;
	padding: 10px 12px;
	border-radius: 10px;
	color: #4b5563;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-nav__item:hover,
.su-community--stitch .su-stitch-nav__item:focus-visible,
.su-community--stitch .su-stitch-nav__item.is-active {
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
}

.su-community--stitch .su-stitch-security {
	min-height: 174px;
	padding: 20px;
	border-color: #111827;
	background: #111827;
}

.su-community--stitch .su-stitch-security h2 {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-security p {
	max-width: 168px;
	font-size: 13px;
	line-height: 19px;
}

.su-community--stitch .su-stitch-security button,
.su-community--stitch .su-stitch-primary {
	min-height: 40px;
	padding: 0 20px;
	border-radius: 999px;
	background: var(--su-stitch-primary);
	font-size: 13px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-main {
	gap: 28px;
}

.su-community--stitch .su-stitch-section-head {
	margin-bottom: 14px;
}

.su-community--stitch .su-stitch-section-head__copy {
	display: grid;
	gap: 2px;
}

.su-community--stitch .su-stitch-section-head__copy p {
	margin: 0;
	color: #6b7280;
	font-size: 13px;
	line-height: 19px;
}

.su-community--stitch .su-stitch-section-head h2,
.su-community--stitch .su-stitch-directory h2,
.su-community--stitch .su-stitch-feed-title h2 {
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-stories__row {
	gap: 12px;
}

.su-community--stitch .su-stitch-story {
	flex-basis: 84px;
	width: 84px;
	height: 116px;
	border-color: var(--su-stitch-border);
	border-radius: 14px;
}

.su-community--stitch .su-stitch-profile-grid {
	grid-template-columns: minmax(0, 2fr) minmax(210px, 0.82fr);
	gap: 18px;
}

.su-community--stitch .su-stitch-profile-card {
	padding: 24px;
}

.su-community--stitch .su-stitch-profile-card__cover {
	display: none;
}

.su-community--stitch .su-stitch-profile-card__top {
	grid-template-columns: 72px minmax(0, 1fr) auto;
	gap: 18px;
}

.su-community--stitch .su-stitch-profile-card__photo {
	width: 72px;
	height: 72px;
	border: 1px solid var(--su-stitch-border);
	border-radius: 14px;
	box-shadow: none;
}

.su-community--stitch .su-stitch-profile-card__title h2 {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-profile-card__body p {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 21px;
}

.su-community--stitch .su-stitch-profile-card__stats {
	gap: 12px;
	margin-top: 20px;
	padding-top: 18px;
	border-top-color: var(--su-stitch-border);
}

.su-community--stitch .su-stitch-profile-card__stats strong {
	font-size: 18px;
	line-height: 24px;
}

.su-community--stitch .su-stitch-profile-tabs {
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid var(--su-stitch-border);
}

.su-community--stitch .su-stitch-status-card {
	min-height: 100%;
	padding: 22px;
	background: #ffffff;
}

.su-community--stitch .su-stitch-status-card h2 {
	margin-bottom: 16px;
	color: #111827;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-status-card li {
	font-size: 13px;
	line-height: 19px;
}

.su-community--stitch .su-stitch-directory,
.su-community--stitch .su-stitch-inbox,
.su-community--stitch .su-stitch-bookmarks,
.su-community--stitch .su-stitch-spaces {
	gap: 18px;
	padding: 24px;
}

.su-community--stitch .su-stitch-directory__head {
	grid-template-columns: minmax(0, 1fr) minmax(230px, 340px);
	gap: 18px;
	margin-bottom: 20px;
}

.su-community--stitch .su-stitch-search input,
.su-community--stitch .su-stitch-global-search input {
	min-height: 44px;
	border: 1px solid var(--su-stitch-border) !important;
	border-radius: 12px !important;
	background: #faf7f8 !important;
}

.su-community--stitch .su-stitch-filters {
	gap: 8px;
	margin-bottom: 20px;
}

.su-community--stitch .su-stitch-filters button,
.su-community--stitch .su-stitch-inbox__filters button {
	min-height: 32px;
	padding: 7px 13px;
	background: var(--su-stitch-soft);
	color: #9d244d;
	font-size: 12px;
	line-height: 17px;
}

.su-community--stitch .su-stitch-filters button:hover,
.su-community--stitch .su-stitch-filters button:focus-visible,
.su-community--stitch .su-stitch-filters button.is-active,
.su-community--stitch .su-stitch-inbox__filters button:hover,
.su-community--stitch .su-stitch-inbox__filters button:focus-visible,
.su-community--stitch .su-stitch-inbox__filters button.is-active {
	background: var(--su-stitch-primary);
	color: #ffffff;
}

.su-community--stitch .su-stitch-directory__list article,
.su-community--stitch .su-stitch-notification,
.su-community--stitch .su-stitch-bookmark-card,
.su-community--stitch .su-stitch-space-card {
	border-color: var(--su-stitch-border);
	border-radius: 14px;
	background: #ffffff;
}

.su-community--stitch .su-stitch-feed-section {
	display: grid;
	gap: 16px;
}

.su-community--stitch .su-stitch-feed-title {
	display: flex;
	align-items: center;
	gap: 10px;
}

.su-community--stitch .su-stitch-feed-title > .material-symbols-outlined {
	color: var(--su-stitch-primary);
	font-size: 22px;
}

.su-community--stitch .su-stitch-global-search {
	position: relative;
	display: block;
}

.su-community--stitch .su-stitch-global-search > .material-symbols-outlined {
	position: absolute;
	top: 50%;
	left: 14px;
	z-index: 1;
	margin-top: -10px;
	color: #6b7280;
	font-size: 20px;
}

.su-community--stitch .su-stitch-global-search input {
	width: 100%;
	padding: 0 16px 0 44px;
	color: #111827 !important;
}

.su-community--stitch .su-stitch-composer {
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 14px;
	padding: 20px;
}

.su-community--stitch .su-stitch-composer textarea {
	min-height: 68px;
	font-size: 14px;
	line-height: 21px;
}

.su-community--stitch .su-stitch-composer__bar {
	padding-top: 14px;
	border-top-color: var(--su-stitch-border);
}

.su-community--stitch .su-stitch-feed-list {
	gap: 18px;
}

.su-community--stitch .su-stitch-post {
	padding: 20px;
}

.su-community--stitch .su-stitch-post footer,
.su-community--stitch .su-stitch-comments {
	border-top-color: var(--su-stitch-border);
}

@media (max-width: 980px) {
	.su-community--stitch {
		padding-bottom: 94px !important;
		background: #f5f5f5 !important;
	}

	.su-community--stitch .su-stitch-shell {
		width: 100%;
		padding: 0 14px;
	}

	.su-community--stitch .su-stitch-hero {
		height: 168px;
		min-height: 0;
		margin: 0 -14px 22px;
		border: 0;
		border-radius: 0 0 18px 18px;
	}

	.su-community--stitch .su-stitch-hero__shade {
		background: linear-gradient(180deg, rgba(17, 24, 39, 0.06) 0%, rgba(17, 24, 39, 0.7) 100%);
	}

	.su-community--stitch .su-stitch-hero__copy {
		width: 100%;
		padding: 0 18px 20px;
		color: #ffffff;
	}

	.su-community--stitch .su-stitch-hero__copy h1 {
		color: #ffffff;
		font-size: 28px;
		line-height: 34px;
	}

	.su-community--stitch .su-stitch-hero__copy p {
		max-width: 330px;
		color: rgba(255, 255, 255, 0.92);
		font-size: 13px;
		line-height: 19px;
	}

	.su-community--stitch .su-stitch-grid {
		display: block;
	}

	.su-community--stitch .su-stitch-main {
		gap: 18px;
	}

	.su-community--stitch .su-stitch-security {
		display: none;
	}

	.su-community--stitch .su-stitch-nav {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 999;
		display: flex;
		align-items: stretch;
		gap: 2px;
		width: 100%;
		padding: 7px 8px max(7px, env(safe-area-inset-bottom));
		border: 0;
		border-top: 1px solid var(--su-stitch-border);
		border-radius: 0;
		background: rgba(255, 255, 255, 0.98);
		box-shadow: 0 -8px 24px rgba(17, 24, 39, 0.08);
		backdrop-filter: blur(14px);
	}

	.su-community--stitch .su-stitch-nav__item {
		display: flex;
		flex: 1 1 0;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-width: 0;
		min-height: 54px;
		padding: 5px 2px;
		border-radius: 10px;
		font-size: 11px;
		font-weight: 600;
		line-height: 14px;
		letter-spacing: 0;
		text-align: center;
		white-space: nowrap;
	}

	.su-community--stitch .su-stitch-nav__item .material-symbols-outlined {
		font-size: 21px;
	}

	.su-community--stitch .su-stitch-nav__item[data-su-stitch-section="spaces"] {
		display: flex;
	}

	.su-community--stitch .su-stitch-profile-grid,
	.su-community--stitch .su-stitch-inbox,
	.su-community--stitch .su-stitch-bookmarks,
	.su-community--stitch .su-stitch-directory,
	.su-community--stitch .su-stitch-spaces,
	.su-community--stitch .su-stitch-stories,
	.su-community--stitch .su-stitch-feed-section {
		display: none !important;
	}

	.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="home"] .su-stitch-stories {
		display: block !important;
	}

	.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="home"] .su-stitch-feed-section,
	.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="members"] .su-stitch-directory,
	.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="inbox"] .su-stitch-inbox,
	.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="saved"] .su-stitch-bookmarks,
	.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="profile"] .su-stitch-profile-grid {
		display: grid !important;
	}

	.su-community--stitch .su-stitch-profile-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community--stitch .su-stitch-status-card {
		display: none;
	}

	.su-community--stitch .su-stitch-section-head {
		align-items: flex-start;
		margin-bottom: 12px;
	}

	.su-community--stitch .su-stitch-section-head h2,
	.su-community--stitch .su-stitch-directory h2,
	.su-community--stitch .su-stitch-feed-title h2 {
		font-size: 18px;
		line-height: 25px;
	}

	.su-community--stitch .su-stitch-section-head__copy p {
		font-size: 12px;
		line-height: 17px;
	}

	.su-community--stitch .su-stitch-stories__row {
		gap: 10px;
		margin: 0 -14px;
		padding: 0 14px 4px;
	}

	.su-community--stitch .su-stitch-story {
		flex-basis: 68px;
		width: 68px;
		height: 92px;
		border-radius: 13px;
	}

	.su-community--stitch .su-stitch-profile-card,
	.su-community--stitch .su-stitch-directory,
	.su-community--stitch .su-stitch-inbox,
	.su-community--stitch .su-stitch-bookmarks,
	.su-community--stitch .su-stitch-composer,
	.su-community--stitch .su-stitch-post {
		padding: 16px;
		border-radius: 16px;
	}

	.su-community--stitch .su-stitch-profile-card__top {
		grid-template-columns: 58px minmax(0, 1fr);
		gap: 12px;
	}

	.su-community--stitch .su-stitch-profile-card__photo {
		width: 58px;
		height: 58px;
		border-radius: 12px;
	}

	.su-community--stitch .su-stitch-profile-card__top > .su-stitch-primary {
		grid-column: 1 / -1;
		justify-self: start;
	}

	.su-community--stitch .su-stitch-profile-card__stats {
		gap: 8px;
		margin-top: 16px;
		padding-top: 14px;
	}

	.su-community--stitch .su-stitch-profile-card__stats strong {
		font-size: 15px;
		line-height: 21px;
	}

	.su-community--stitch .su-stitch-profile-card__stats span {
		font-size: 9px;
		line-height: 13px;
	}

	.su-community--stitch .su-stitch-directory__head,
	.su-community--stitch .su-stitch-directory__list,
	.su-community--stitch .su-stitch-spaces__list {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community--stitch .su-stitch-directory__head {
		gap: 12px;
		margin-bottom: 14px;
	}

	.su-community--stitch .su-stitch-directory__head p {
		display: block;
		font-size: 12px;
		line-height: 17px;
	}

	.su-community--stitch .su-stitch-search input,
	.su-community--stitch .su-stitch-global-search input {
		min-height: 44px;
		border: 1px solid var(--su-stitch-border) !important;
		border-radius: 12px !important;
		background: #ffffff !important;
	}

	.su-community--stitch .su-stitch-filters {
		gap: 7px;
		margin-bottom: 14px;
		overflow-x: auto;
		flex-wrap: nowrap;
		scrollbar-width: none;
	}

	.su-community--stitch .su-stitch-filters::-webkit-scrollbar {
		display: none;
	}

	.su-community--stitch .su-stitch-filters button {
		flex: 0 0 auto;
		min-height: 34px;
		padding: 7px 12px;
		font-size: 12px;
		line-height: 17px;
	}

	.su-community--stitch .su-stitch-composer {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 10px;
	}

	.su-community--stitch .su-stitch-composer__avatar {
		width: 38px;
		height: 38px;
	}

	.su-community--stitch .su-stitch-composer textarea {
		min-height: 58px;
		font-size: 14px;
		line-height: 20px;
	}

	.su-community--stitch .su-stitch-composer__bar {
		align-items: center;
		gap: 8px;
	}

	.su-community--stitch .su-stitch-primary {
		min-height: 38px;
		padding: 0 15px;
		font-size: 12px;
	}

	.su-community--stitch .su-stitch-feed-list {
		gap: 14px;
	}

	.su-community--stitch .su-stitch-post {
		min-width: 0;
	}

	.su-community--stitch .su-stitch-post p {
		font-size: 14px;
		line-height: 21px;
	}

	.su-community--stitch .su-stitch-post footer {
		gap: 12px;
		padding-top: 14px;
	}

	.su-community--stitch .su-stitch-post footer button {
		gap: 5px;
		font-size: 11px;
	}
}

@media (max-width: 430px) {
	.su-community--stitch .su-stitch-hero {
		height: 154px;
	}

	.su-community--stitch .su-stitch-hero__copy h1 {
		font-size: 25px;
		line-height: 31px;
	}

	.su-community--stitch .su-stitch-nav {
		padding-right: 4px;
		padding-left: 4px;
	}

	.su-community--stitch .su-stitch-nav__item {
		font-size: 11px;
		line-height: 14px;
	}

	.su-community--stitch .su-stitch-nav__item .material-symbols-outlined {
		font-size: 20px;
	}

	.su-community--stitch .su-stitch-chips {
		gap: 5px;
	}

	.su-community--stitch .su-stitch-profile-tabs {
		overflow-x: auto;
		flex-wrap: nowrap;
		scrollbar-width: none;
	}

	.su-community--stitch .su-stitch-profile-tabs::-webkit-scrollbar {
		display: none;
	}
}

/* Phase I.101: final accessibility target override after all responsive rules. */
.su-community--stitch button {
	min-width: 44px !important;
	min-height: 44px !important;
}

/* Phase I.108: route-like Community views with a focused home timeline. */
.su-community--stitch .su-stitch-main > .su-stitch-profile-grid,
.su-community--stitch .su-stitch-main > .su-stitch-inbox,
.su-community--stitch .su-stitch-main > .su-stitch-bookmarks,
.su-community--stitch .su-stitch-main > .su-stitch-directory,
.su-community--stitch .su-stitch-main > .su-stitch-spaces,
	.su-community--stitch .su-stitch-main > .su-stitch-stories,
	.su-community--stitch .su-stitch-main > .su-stitch-feed-section,
	.su-community--stitch .su-stitch-main > .su-community-guide {
	display: none !important;
}

.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="home"] .su-stitch-main > .su-stitch-stories {
	display: block !important;
}

.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="home"] .su-stitch-main > .su-stitch-feed-section,
.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="profile"] .su-stitch-main > .su-stitch-profile-grid,
.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="inbox"] .su-stitch-main > .su-stitch-inbox,
.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="saved"] .su-stitch-main > .su-stitch-bookmarks,
.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="spaces"] .su-stitch-main > .su-stitch-spaces {
	display: grid !important;
}

.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="members"] .su-stitch-main > .su-stitch-directory {
	display: block !important;
}

.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="help"] .su-stitch-main > .su-community-guide--compact {
	display: block !important;
}

.su-community--stitch .su-stitch-main > .su-community-guide--legacy {
	display: none !important;
}

.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="discover"] .su-stitch-main > .su-stitch-directory {
	display: block !important;
}

.su-community--stitch .su-stitch-stage[data-su-stitch-active-section="discover"] .su-stitch-main > .su-stitch-spaces {
	display: grid !important;
}

.su-community--stitch .su-stitch-view-status {
	min-height: 44px;
	padding: 12px 16px;
	border: 1px solid rgba(17, 24, 39, 0.12);
	border-radius: 8px;
	background: var(--su-stitch-surface, #f5f5f5);
	color: var(--su-stitch-ink, #111827);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

.su-community--stitch .su-stitch-main[aria-busy="true"]::before {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	content: "Community-Inhalt wird geladen";
}

.su-community--stitch .su-stitch-nav__label--mobile {
	display: none;
}

@media (max-width: 980px) {
	.su-community--stitch .su-stitch-sidebar {
		position: static;
		z-index: auto;
	}

	.su-community--stitch .su-stitch-nav {
		gap: 0;
		padding-right: 3px;
		padding-left: 3px;
		isolation: isolate;
	}

	.su-community--stitch .su-stitch-nav__item {
		flex-basis: 0;
		padding-right: 1px;
		padding-left: 1px;
		font-size: 10px;
	}

	.su-community--stitch .su-stitch-nav__label--desktop {
		display: none;
	}

	.su-community--stitch .su-stitch-nav__label--mobile {
		display: inline;
	}

	.su-community--stitch .su-stitch-composer__bar {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community--stitch .su-stitch-composer__bar > [data-su-stitch-post] {
		width: 100%;
		white-space: normal;
	}
}

/* Phase I.110: plain-language Community guide and onboarding foundation. */
.su-community--stitch .su-stitch-status-card__help {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	width: auto;
	min-height: 38px;
	margin-top: 14px;
	padding: 8px 12px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: #ffffff;
	color: var(--su-stitch-plum);
	font-size: 12px;
	font-weight: 700;
}

.su-community--stitch .su-stitch-status-card__help .material-symbols-outlined {
	font-size: 18px;
}

.su-community-guide {
	min-width: 0;
	color: var(--su-stitch-ink);
}

.su-community-guide__intro {
	padding: 4px 0 28px;
	border-bottom: 1px solid var(--su-stitch-outline);
}

.su-community-guide__kicker,
.su-community-guide__heading p {
	margin: 0 0 5px;
	color: var(--su-stitch-teal);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.su-community-guide__intro h2,
.su-community-guide__section h3,
.su-community-guide__privacy h3 {
	margin: 0;
	color: var(--su-stitch-ink);
	letter-spacing: 0;
}

.su-community-guide__intro h2 {
	font-size: 30px;
	line-height: 38px;
}

.su-community-guide__intro > p:not(.su-community-guide__kicker) {
	max-width: 760px;
	margin: 10px 0 0;
	color: var(--su-stitch-muted);
	font-size: 15px;
	line-height: 24px;
}

.su-community-guide__nav {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin-top: 22px;
}

.su-community-guide__nav a {
	color: var(--su-stitch-primary);
	font-size: 13px;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.su-community-guide__section {
	padding: 34px 0;
	border-bottom: 1px solid var(--su-stitch-outline);
	scroll-margin-top: 28px;
}

.su-community-guide__heading {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 20px;
}

.su-community-guide__heading > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 8px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 23px;
}

.su-community-guide__heading h3,
.su-community-guide__privacy h3 {
	font-size: 21px;
	line-height: 29px;
}

.su-community-guide__definitions,
.su-community-guide__glossary {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}

.su-community-guide__definitions article,
.su-community-guide__glossary article {
	min-width: 0;
	padding: 16px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 8px;
	background: #ffffff;
}

.su-community-guide__definitions strong,
.su-community-guide__glossary strong {
	display: block;
	margin-bottom: 7px;
	color: var(--su-stitch-plum);
	font-size: 14px;
	line-height: 20px;
}

.su-community-guide__definitions p,
.su-community-guide__glossary span {
	display: block;
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 20px;
}

.su-community-guide__figure {
	margin: 0;
}

.su-community-guide__media {
	display: grid;
	place-items: center;
	min-height: 280px;
	max-height: 560px;
	overflow: hidden;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 8px;
	background: #f5f5f5;
}

.su-community-guide__media--portrait {
	max-height: 680px;
}

.su-community-guide__media img {
	display: block;
	max-width: 100%;
	max-height: 680px;
	object-fit: contain;
}

.su-community-guide__figure figcaption {
	margin-top: 10px;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 20px;
}

.su-community-guide__steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 20px;
}

.su-community-guide__steps span {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 20px;
}

.su-community-guide__steps strong {
	display: grid;
	flex: 0 0 30px;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--su-stitch-plum);
	color: #ffffff;
}

.su-community-guide__action-row {
	display: flex;
	justify-content: flex-end;
	margin-top: 18px;
}

.su-community-guide__notice,
.su-community-guide__privacy {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 18px;
	border-left: 4px solid var(--su-stitch-amber);
	background: #fffaf2;
}

.su-community-guide__notice {
	margin-top: 20px;
}

.su-community-guide__notice > .material-symbols-outlined,
.su-community-guide__privacy > .material-symbols-outlined {
	color: var(--su-stitch-amber);
}

.su-community-guide__notice p,
.su-community-guide__privacy p {
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 21px;
}

.su-community-guide__split {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin-bottom: 20px;
}

.su-community-guide__privacy {
	margin-top: 34px;
	border-left-color: var(--su-stitch-teal);
	background: #f0fdfa;
}

.su-community-guide__privacy > .material-symbols-outlined {
	color: var(--su-stitch-teal);
}

.su-community-guide__privacy p {
	margin-top: 5px;
}

.su-community-guide__footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 24px 0 4px;
}

.su-community-guide__footer p {
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 20px;
}

@media (max-width: 760px) {
	.su-community-guide__intro h2 {
		font-size: 24px;
		line-height: 31px;
	}

	.su-community-guide__definitions,
	.su-community-guide__glossary,
	.su-community-guide__steps,
	.su-community-guide__split {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community-guide__media,
	.su-community-guide__media--portrait {
		min-height: 180px;
		max-height: 420px;
	}

	.su-community-guide__footer {
		align-items: stretch;
		flex-direction: column;
	}

	.su-community-guide__footer .su-stitch-primary,
	.su-community-guide__action-row .su-stitch-primary {
		width: 100%;
	}
}

/* Phase I.109: read-only Vendor product picker and product context previews. */
.su-community__context-picker-modes {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.su-community__context-picker-toggle[data-active="true"] {
	border-color: var(--su-stitch-primary);
	background: var(--su-stitch-soft);
	color: #111827;
}

.su-community__product-picker-panel {
	display: grid;
	gap: 12px;
	padding: 14px;
	border: 1px solid var(--su-stitch-border);
	border-radius: 8px;
	background: #ffffff;
}

.su-community__product-picker-head {
	display: grid;
	gap: 3px;
}

.su-community__product-picker-head strong {
	color: #111827;
	font-size: 14px;
	line-height: 20px;
}

.su-community__product-picker-head span,
.su-community__product-picker-status {
	color: #6b7280;
	font-size: 12px;
	line-height: 18px;
}

.su-community__product-picker-status {
	min-height: 18px;
}

.su-community__product-picker-search {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 12px;
	border: 1px solid var(--su-stitch-border);
	border-radius: 6px;
	background: #ffffff;
	color: #6b7280;
}

.su-community__product-picker-search .material-symbols-outlined {
	font-size: 20px;
}

.su-community__product-picker-search input {
	width: 100%;
	min-width: 0;
	min-height: 40px;
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: #111827;
	font: inherit;
}

.su-community__product-picker-search input:focus {
	outline: 0;
}

.su-community__product-picker-search:focus-within {
	border-color: var(--su-stitch-primary);
	box-shadow: 0 0 0 3px rgba(229, 31, 95, 0.14);
}

.su-community__product-picker-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
	gap: 8px;
}

.su-community__product-picker-item {
	position: relative;
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	width: 100%;
	min-width: 0;
	min-height: 72px;
	padding: 7px;
	border: 1px solid var(--su-stitch-border);
	border-radius: 6px;
	background: #f5f5f5;
	color: #111827;
	text-align: left;
}

.su-community__product-picker-item:hover,
.su-community__product-picker-item:focus-visible,
.su-community__product-picker-item.is-selected {
	border-color: var(--su-stitch-primary);
	background: var(--su-stitch-soft);
}

.su-community__product-picker-item:focus-visible {
	outline: 3px solid rgba(229, 31, 95, 0.2);
	outline-offset: 2px;
}

.su-community__product-picker-media {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	overflow: hidden;
	border: 1px solid var(--su-stitch-border);
	border-radius: 5px;
	background: #ffffff;
	color: #6b7280;
}

.su-community__product-picker-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community__product-picker-label {
	display: -webkit-box;
	min-width: 0;
	overflow: hidden;
	font-size: 12px;
	font-weight: 700;
	line-height: 17px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.su-community__product-picker-check {
	position: absolute;
	top: 5px;
	right: 5px;
	color: var(--su-stitch-primary);
	font-size: 19px !important;
}

.su-stitch-context.su-stitch-context--with-thumbnail {
	grid-template-columns: 72px minmax(0, 1fr);
	align-items: center;
}

.su-stitch-context__body {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.su-stitch-context__body > p {
	font-size: 11px;
	font-weight: 500;
	line-height: 16px;
}

.su-stitch-context__body a,
.su-stitch-context__body strong {
	color: #111827;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	overflow-wrap: anywhere;
}

.su-stitch-context__thumbnail,
.su-community__context-thumbnail {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border: 1px solid var(--su-stitch-border);
	border-radius: 6px;
	background: #ffffff;
}

.su-community__context-thumbnail {
	flex: 0 0 72px;
}

@media (max-width: 560px) {
	.su-community__context-picker-modes,
	.su-community__context-picker-toggle {
		width: 100%;
	}

	.su-community__product-picker-list {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community__context {
		align-items: stretch;
	}

	.su-community__context-thumbnail {
		width: 64px;
		height: 64px;
	}
}

/* Phase I.112: social-first navigation, profiles, help and onboarding. */
.su-community--stitch .su-stitch-sidebar { gap: 0; }
.su-community--stitch .su-stitch-profile-grid { grid-template-columns: minmax(0, 1fr); }

.su-community--stitch .su-stitch-profile-card,
.su-community--stitch .su-stitch-directory,
.su-community--stitch .su-stitch-inbox,
.su-community--stitch .su-stitch-bookmarks,
.su-community--stitch .su-stitch-spaces,
.su-community--stitch .su-stitch-composer,
.su-community--stitch .su-stitch-post,
.su-community--stitch .su-stitch-nav { border-radius: 8px; }

.su-community--stitch .su-stitch-profile-tools {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 18px;
	border-top: 1px solid var(--su-stitch-outline);
}

.su-community--stitch .su-stitch-profile-tools button {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 12px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: #ffffff;
	color: var(--su-stitch-ink);
	font-size: 13px;
	font-weight: 700;
}

.su-community--stitch .su-stitch-profile-tools button:hover,
.su-community--stitch .su-stitch-profile-tools button:focus-visible { border-color: var(--su-stitch-plum); color: var(--su-stitch-plum); }
.su-community--stitch .su-stitch-profile-tools .material-symbols-outlined { font-size: 18px; }

.su-community--stitch .su-stitch-feed-section { display: grid; gap: 18px; }
.su-community--stitch .su-stitch-feed-section > .su-stitch-composer { order: 1; }
.su-community--stitch .su-stitch-feed-section > .su-stitch-feed-title { order: 2; }
.su-community--stitch .su-stitch-feed-section > .su-stitch-global-search,
.su-community--stitch .su-stitch-feed-section > .su-stitch-search-results { order: 3; }
.su-community--stitch .su-stitch-feed-section > .su-stitch-feed-scopes { order: 4; }
.su-community--stitch .su-stitch-feed-section > .su-stitch-feed-list { order: 5; }
.su-community--stitch .su-stitch-feed-section > .su-stitch-feed-more { order: 6; }

.su-stitch-feed-scopes {
	display: flex;
	gap: 8px;
	align-items: center;
	overflow-x: auto;
	padding: 2px 0 6px;
	scrollbar-width: thin;
}

.su-stitch-feed-scopes button {
	flex: 0 0 auto;
	min-height: 36px;
	padding: 7px 13px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-muted);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.su-stitch-feed-scopes button:hover,
.su-stitch-feed-scopes button:focus-visible,
.su-stitch-feed-scopes button.is-active {
	border-color: var(--su-stitch-primary);
	color: var(--su-stitch-primary);
}

.su-stitch-feed-scopes button.is-active {
	background: var(--su-stitch-soft);
}

.su-stitch-composer-mode {
	display: grid;
	gap: 12px;
	margin-top: 14px;
	padding: 14px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 8px;
	background: var(--su-stitch-cream);
}

.su-stitch-composer-mode[hidden] {
	display: none !important;
}

.su-stitch-composer-mode__head {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: space-between;
}

.su-stitch-composer-mode__head button,
.su-stitch-composer-mode__add {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 6px 10px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
	font: inherit;
	font-size: 12px;
	font-weight: 700;
}

.su-stitch-composer-mode__head button {
	width: 34px;
	padding: 0;
}

.su-stitch-composer-mode label {
	display: grid;
	gap: 6px;
	color: var(--su-stitch-ink);
	font-size: 12px;
	font-weight: 700;
}

.su-stitch-composer-mode input {
	width: 100%;
	min-height: 40px;
	padding: 9px 11px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
	font: inherit;
	font-size: 14px;
}

.su-stitch-poll-option-editor {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.su-stitch-composer-mode > small {
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
}

.su-stitch-av-upload-choice {
	display: grid;
	gap: 8px;
	padding: 12px 0;
	border-top: 1px solid var(--su-stitch-outline);
	border-bottom: 1px solid var(--su-stitch-outline);
}

.su-stitch-av-upload-button {
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 48px;
	padding: 8px 10px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 8px;
	background: var(--su-stitch-cream);
	color: var(--su-stitch-ink);
	text-align: left;
}

.su-stitch-av-upload-button > span:last-child {
	display: grid;
	gap: 2px;
}

.su-stitch-av-upload-button small,
.su-stitch-av-upload-status {
	color: var(--su-stitch-muted);
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
}

.su-stitch-av-upload-button[aria-disabled="true"] {
	cursor: help;
	opacity: 0.68;
}

.su-stitch-av-divider {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--su-stitch-muted);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.su-stitch-av-divider::before,
.su-stitch-av-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--su-stitch-outline);
}

.su-stitch-custom-fields {
	display: grid;
	gap: 12px;
	padding-top: 14px;
	border-top: 1px solid var(--su-stitch-outline);
}

.su-stitch-custom-fields[hidden] {
	display: none !important;
}

.su-stitch-custom-field {
	display: grid;
	grid-template-columns: minmax(0, 2fr) minmax(140px, 1fr);
	gap: 10px;
	align-items: end;
}

.su-stitch-custom-field label {
	display: grid;
	gap: 6px;
	color: var(--su-stitch-ink);
	font-size: 12px;
	font-weight: 700;
}

.su-stitch-custom-field input:not([type="checkbox"]),
.su-stitch-custom-field textarea,
.su-stitch-custom-field select {
	width: 100%;
	min-height: 40px;
	padding: 9px 11px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
	font: inherit;
	font-size: 14px;
}

.su-stitch-custom-field select[multiple] {
	min-height: 98px;
}

.su-stitch-social-card,
.su-stitch-poll,
.su-stitch-embed {
	width: 100%;
	margin: 4px 0 16px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 8px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
}

.su-stitch-social-card {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 14px;
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.su-stitch-social-card__visual,
.su-stitch-social-card > .material-symbols-outlined,
.su-stitch-embed > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 6px;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
}

.su-stitch-social-card__visual {
	overflow: hidden;
}

.su-stitch-social-card__visual > .material-symbols-outlined {
	font-size: 21px;
}

.su-stitch-social-card__visual img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-stitch-social-card strong,
.su-stitch-social-card small,
.su-stitch-embed strong,
.su-stitch-embed small {
	display: block;
}

.su-stitch-profile-bio {
	grid-column: 1 / -1;
	margin: 4px 0 0;
	padding-top: 12px;
	border-top: 1px solid var(--su-stitch-outline);
	color: var(--su-stitch-muted);
	font-size: 14px;
	line-height: 22px;
	white-space: pre-line;
}

.su-stitch-profile-friends,
.su-stitch-profile-albums {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.su-stitch-friend-requests {
	display: grid;
	grid-column: 1 / -1;
	gap: 10px;
	margin-bottom: 16px;
}

.su-stitch-friend-requests[hidden] {
	display: none !important;
}

.su-stitch-friend-requests__heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.su-stitch-friend-requests__heading h3 {
	margin: 0;
	color: var(--su-stitch-ink);
	font-size: 15px;
	line-height: 22px;
}

.su-stitch-friend-requests__heading span {
	display: grid;
	min-width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 50%;
	background: var(--su-stitch-soft);
	color: var(--su-stitch-primary);
	font-size: 12px;
	font-weight: 800;
}

.su-stitch-friend-request {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 8px;
	background: var(--su-stitch-surface);
}

.su-stitch-friend-request__identity {
	display: grid;
	gap: 3px;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--su-stitch-ink);
	font: inherit;
	text-align: left;
}

.su-stitch-friend-request__identity span {
	overflow: hidden;
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.su-stitch-friend-request__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 8px;
}

.su-stitch-friend-request__actions > button:not(.su-stitch-primary) {
	min-height: 38px;
	padding: 8px 13px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
}

.su-stitch-connection-card {
	display: grid;
	gap: 4px;
	min-height: 74px;
	padding: 13px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 8px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.su-stitch-connection-card span {
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
}

.su-stitch-connection-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.su-stitch-connection-actions > button:not(.su-stitch-primary) {
	min-height: 38px;
	padding: 8px 13px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
}

.su-stitch-profile-block {
	min-height: 38px;
	margin-top: 10px;
	padding: 8px 13px;
	border: 1px solid var(--su-stitch-primary);
	border-radius: 6px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-primary);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
}

.su-stitch-profile-block[aria-pressed="true"] {
	background: var(--su-stitch-soft);
}

[data-su-stitch-profile-friends-more],
[data-su-stitch-profile-friend-requests-more],
[data-su-stitch-profile-albums-more] {
	display: block;
	min-height: 38px;
	margin: 12px auto 0;
	padding: 8px 14px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
}

[data-su-stitch-profile-friends-more][hidden],
[data-su-stitch-profile-friend-requests-more][hidden],
[data-su-stitch-profile-albums-more][hidden] {
	display: none !important;
}

.su-stitch-social-card small,
.su-stitch-embed small,
.su-stitch-poll > small {
	margin-top: 3px;
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
}

.su-stitch-poll {
	display: grid;
	gap: 12px;
	padding: 16px;
}

.su-stitch-poll__options {
	display: grid;
	gap: 8px;
}

.su-stitch-poll__option {
	position: relative;
	isolation: isolate;
	display: flex;
	justify-content: space-between;
	gap: 12px;
	min-height: 40px;
	padding: 9px 12px;
	overflow: hidden;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	text-align: left;
}

.su-stitch-poll__option::before {
	position: absolute;
	z-index: -1;
	inset: 0 auto 0 0;
	width: var(--su-poll-result, 0%);
	background: var(--su-stitch-soft);
	content: "";
}

.su-stitch-poll__option:not(:disabled) {
	cursor: pointer;
}

.su-stitch-poll__option:not(:disabled):hover,
.su-stitch-poll__option:not(:disabled):focus-visible,
.su-stitch-poll__option.is-selected {
	border-color: var(--su-stitch-primary);
}

.su-stitch-embed {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	padding: 14px;
}

.su-stitch-embed iframe {
	display: block;
	width: 100%;
	min-height: 220px;
	border: 0;
	border-radius: 7px;
}

.su-stitch-post__media-item audio,
.su-stitch-post__media-item video,
.su-community__post-media-item audio,
.su-community__post-media-item video {
	display: block;
	width: 100%;
	max-width: 100%;
}

.su-stitch-post__media-item video,
.su-community__post-media-item video {
	aspect-ratio: 16 / 9;
	background: var(--su-stitch-dark);
	object-fit: contain;
}

.su-stitch-album-viewer {
	position: fixed;
	z-index: 100030;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 20px;
	background: rgba(17, 24, 39, 0.72);
}

.su-stitch-album-viewer__panel {
	width: min(100%, 980px);
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 8px;
	background: var(--su-stitch-surface);
	box-shadow: 0 24px 70px rgba(17, 24, 39, 0.26);
}

.su-stitch-album-viewer__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 20px;
	border-bottom: 1px solid var(--su-stitch-outline);
}

.su-stitch-album-viewer__header h2,
.su-stitch-album-viewer__header p {
	margin: 0;
	letter-spacing: 0;
}

.su-stitch-album-viewer__header h2 {
	color: var(--su-stitch-ink);
	font-size: 20px;
	line-height: 28px;
}

.su-stitch-album-viewer__header p {
	margin-top: 3px;
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
}

.su-stitch-album-viewer__close,
.su-stitch-album-viewer__controls button {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 6px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
}

.su-stitch-album-viewer__body {
	display: grid;
	gap: 14px;
	padding: 20px;
}

.su-stitch-album-viewer__figure {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 340px;
	max-height: 62vh;
	margin: 0;
	overflow: hidden;
	border-radius: 8px;
	background: var(--su-stitch-dark);
}

.su-stitch-album-viewer__figure img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 62vh;
	object-fit: contain;
}

.su-stitch-album-viewer__empty {
	margin: 0;
	padding: 24px;
	color: var(--su-stitch-surface);
	font-size: 14px;
	text-align: center;
}

.su-stitch-album-viewer__description {
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 14px;
	line-height: 22px;
	white-space: pre-line;
}

.su-stitch-album-viewer__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
}

.su-stitch-album-viewer__controls > span {
	min-width: 72px;
	color: var(--su-stitch-muted);
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}

.su-stitch-album-viewer__thumbnails {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding: 2px;
}

.su-stitch-album-viewer__thumbnails button {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	padding: 0;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: 6px;
	background: var(--su-stitch-cream);
}

.su-stitch-album-viewer__thumbnails button[aria-pressed="true"] {
	border-color: var(--su-stitch-primary);
}

.su-stitch-album-viewer__thumbnails img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community-album-viewer-open {
	overflow: hidden;
}

@media (max-width: 620px) {
	.su-stitch-custom-field {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-stitch-profile-friends,
	.su-stitch-profile-albums {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-stitch-friend-request {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-stitch-friend-request__actions {
		justify-content: stretch;
	}

	.su-stitch-friend-request__actions > button {
		flex: 1 1 120px;
	}

	.su-stitch-poll-option-editor {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-stitch-embed {
		grid-template-columns: 42px minmax(0, 1fr);
	}

	.su-stitch-embed > button {
		grid-column: 1 / -1;
		width: 100%;
	}

	.su-stitch-embed iframe {
		min-height: 190px;
	}

	.su-stitch-album-viewer {
		align-items: end;
		padding: 0;
	}

	.su-stitch-album-viewer__panel {
		width: 100%;
		max-height: 94vh;
		border-right: 0;
		border-bottom: 0;
		border-left: 0;
		border-radius: 8px 8px 0 0;
	}

	.su-stitch-album-viewer__header,
	.su-stitch-album-viewer__body {
		padding: 16px;
	}

	.su-stitch-album-viewer__figure {
		min-height: 260px;
		max-height: 55vh;
	}

	.su-stitch-album-viewer__figure img {
		max-height: 55vh;
	}
}

.su-community-guide--compact { max-width: 820px; }
.su-community-guide--compact .su-community-guide__intro { padding-bottom: 22px; }
.su-community-guide__faq { display: grid; gap: 0; margin-top: 18px; border-top: 1px solid var(--su-stitch-outline); }
.su-community-guide__faq details { padding: 0; border-bottom: 1px solid var(--su-stitch-outline); }
.su-community-guide__faq summary { position: relative; padding: 18px 36px 18px 0; color: var(--su-stitch-ink); font-size: 15px; font-weight: 750; line-height: 22px; cursor: pointer; }
.su-community-guide__faq summary::after { position: absolute; top: 18px; right: 4px; color: var(--su-stitch-plum); content: "+"; font-size: 22px; line-height: 22px; }
.su-community-guide__faq details[open] summary::after { content: "−"; }
.su-community-guide__faq details p { max-width: 680px; margin: -6px 0 18px; color: var(--su-stitch-muted); font-size: 14px; line-height: 22px; }
.su-community-guide--compact .su-community-guide__footer { justify-content: flex-start; flex-wrap: wrap; }
.su-community-guide--compact .su-community-guide__footer > button:not(.su-stitch-primary) { padding: 8px 14px; border: 1px solid var(--su-stitch-outline); border-radius: 6px; background: #ffffff; color: var(--su-stitch-ink); font-weight: 700; }

.su-stitch-onboarding[hidden] { display: none !important; }
.su-stitch-onboarding { position: fixed; z-index: 100020; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(17, 24, 39, 0.58); }
.su-stitch-onboarding__panel { position: relative; width: min(100%, 620px); max-height: calc(100vh - 40px); overflow-y: auto; padding: 28px; border: 1px solid var(--su-stitch-outline); border-radius: 8px; background: var(--su-stitch-surface); box-shadow: 0 24px 70px rgba(17, 24, 39, 0.22); }
.su-stitch-onboarding__close { position: absolute; top: 14px; right: 14px; display: grid; place-items: center; border: 0; background: transparent; color: var(--su-stitch-muted); }
.su-stitch-onboarding__kicker { margin: 0 0 6px; color: var(--su-stitch-teal); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.su-stitch-onboarding__panel h2 { max-width: 480px; margin: 0; color: var(--su-stitch-ink); font-size: 26px; line-height: 34px; letter-spacing: 0; }
.su-stitch-onboarding__steps { display: grid; gap: 14px; margin: 24px 0; }
.su-stitch-onboarding__steps article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: start; }
.su-stitch-onboarding__steps article > span { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--su-stitch-soft); color: var(--su-stitch-plum); font-weight: 800; }
.su-stitch-onboarding__steps strong { display: block; color: var(--su-stitch-ink); font-size: 15px; }
.su-stitch-onboarding__steps p { margin: 3px 0 0; color: var(--su-stitch-muted); font-size: 14px; line-height: 21px; }

.su-stitch-state-action {
	justify-self: start;
	min-height: 40px;
	margin-top: 10px;
	padding-inline: 16px;
}
.su-community-onboarding-open { overflow: hidden; }

@media (max-width: 760px) {
	.su-stitch-onboarding { align-items: end; padding: 12px; }
	.su-stitch-onboarding__panel { padding: 24px 20px 20px; }
	.su-stitch-onboarding__panel h2 { padding-right: 28px; font-size: 22px; line-height: 29px; }
	.su-community--stitch .su-stitch-profile-tools,
	.su-community-guide--compact .su-community-guide__footer { flex-direction: column; }
	.su-community--stitch .su-stitch-profile-tools button,
	.su-community-guide--compact .su-community-guide__footer button { width: 100%; }
}

/* Phase I.113: focused image Story composer. */
.su-stitch-story-composer[hidden] { display: none !important; }
.su-stitch-story-composer {
	position: fixed;
	z-index: 100025;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 20px;
	background: rgba(17, 24, 39, 0.66);
}

.su-stitch-story-composer__panel {
	width: min(100%, 520px);
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	padding: 22px;
	border: 1px solid var(--su-stitch-outline);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 24px 70px rgba(17, 24, 39, 0.24);
}

.su-stitch-story-composer__panel > header,
.su-stitch-story-composer__panel > footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.su-stitch-story-composer__panel > header { margin-bottom: 18px; }
.su-stitch-story-composer__panel > header p { margin: 0 0 3px; color: var(--su-stitch-teal); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.su-stitch-story-composer__panel > header h2 { margin: 0; color: var(--su-stitch-ink); font-size: 22px; line-height: 29px; letter-spacing: 0; }
.su-stitch-story-composer__panel > header button { display: grid; place-items: center; border: 0; background: transparent; color: var(--su-stitch-muted); }

.su-stitch-story-composer__picker {
	display: grid;
	place-items: center;
	min-height: 280px;
	padding: 28px;
	border: 2px dashed var(--su-stitch-outline);
	border-radius: 8px;
	background: var(--su-stitch-surface);
	color: var(--su-stitch-ink);
	text-align: center;
	cursor: pointer;
}

.su-stitch-story-composer__picker:hover,
.su-stitch-story-composer__picker:focus-visible { border-color: var(--su-stitch-plum); outline: 3px solid rgba(243, 94, 132, 0.16); outline-offset: 2px; }
.su-stitch-story-composer__picker .material-symbols-outlined { margin-bottom: 8px; color: var(--su-stitch-rose); font-size: 42px; }
.su-stitch-story-composer__picker strong { font-size: 16px; }
.su-stitch-story-composer__picker small { margin-top: 4px; color: var(--su-stitch-muted); font-size: 12px; }

.su-stitch-story-composer__preview { position: relative; margin: 0; overflow: hidden; border-radius: 8px; background: var(--su-stitch-ink); aspect-ratio: 9 / 14; }
.su-stitch-story-composer__preview img { width: 100%; height: 100%; object-fit: cover; }
.su-stitch-story-composer__preview button { position: absolute; right: 12px; bottom: 12px; display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; border: 0; border-radius: 6px; background: rgba(17, 24, 39, 0.84); color: #ffffff; font-size: 12px; font-weight: 700; }
.su-stitch-story-composer__preview button .material-symbols-outlined { font-size: 17px; }

.su-stitch-story-composer__caption { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; margin-top: 16px; }
.su-stitch-story-composer__caption > span { color: var(--su-stitch-ink); font-size: 13px; font-weight: 750; }
.su-stitch-story-composer__caption > small { color: var(--su-stitch-muted); font-size: 11px; }
.su-stitch-story-composer__caption textarea { grid-column: 1 / -1; width: 100%; min-height: 82px; padding: 12px; border: 1px solid var(--su-stitch-outline); border-radius: 6px; background: #ffffff; color: var(--su-stitch-ink); font: inherit; resize: vertical; }
.su-stitch-story-composer__caption textarea:focus { border-color: var(--su-stitch-plum); outline: 3px solid rgba(243, 94, 132, 0.14); }

.su-stitch-story-composer__status { min-height: 22px; margin: 10px 0 14px; color: var(--su-stitch-muted); font-size: 12px; line-height: 18px; }
.su-stitch-story-composer__status[data-state="error"] { color: #f35e84; }
.su-stitch-story-composer__status[data-state="ready"] { color: var(--su-stitch-teal); }
.su-stitch-story-composer__panel > footer { justify-content: flex-end; }
.su-stitch-story-composer__panel > footer > button:not(.su-stitch-primary) { padding: 8px 14px; border: 1px solid var(--su-stitch-outline); border-radius: 6px; background: #ffffff; color: var(--su-stitch-ink); font-weight: 700; }
.su-community-story-composer-open { overflow: hidden; }

@media (max-width: 560px) {
	.su-stitch-story-composer { align-items: end; padding: 0; }
	.su-stitch-story-composer__panel { width: 100%; max-height: 92vh; padding: 18px; border-right: 0; border-bottom: 0; border-left: 0; border-radius: 8px 8px 0 0; }
	.su-stitch-story-composer__picker { min-height: 220px; }
	.su-stitch-story-composer__panel > footer { display: grid; grid-template-columns: 1fr 1fr; }
	.su-stitch-story-composer__panel > footer button { width: 100%; }
}

/* Phase I.114: current-live visual Community guide. */
.su-community-guide--compact { max-width: 980px; }
.su-community-guide__walkthrough { display: grid; gap: 0; margin-top: 42px; }
.su-community-guide__walkthrough > header { max-width: 720px; padding-bottom: 22px; }
.su-community-guide__walkthrough > header h3 { margin: 0; color: var(--su-stitch-ink); font-size: 24px; line-height: 32px; letter-spacing: 0; }
.su-community-guide__walkthrough > header > p:not(.su-community-guide__kicker) { margin: 8px 0 0; color: var(--su-stitch-muted); font-size: 14px; line-height: 22px; }

.su-community-guide__feature {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.8fr);
	gap: 26px;
	align-items: center;
	padding: 30px 0;
	border-top: 1px solid var(--su-stitch-outline);
}

.su-community-guide__feature--reverse { grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.35fr); }
.su-community-guide__feature--reverse figure { order: 2; }
.su-community-guide__feature figure { margin: 0; overflow: hidden; border: 1px solid var(--su-stitch-outline); border-radius: 8px; background: #ffffff; }
.su-community-guide__feature figure img { display: block; width: 100%; height: auto; }
.su-community-guide__feature > div > span { display: grid; place-items: center; width: 32px; height: 32px; margin-bottom: 12px; border-radius: 50%; background: var(--su-stitch-soft); color: var(--su-stitch-plum); font-size: 13px; font-weight: 800; }
.su-community-guide__feature h4 { margin: 0; color: var(--su-stitch-ink); font-size: 19px; line-height: 27px; letter-spacing: 0; }
.su-community-guide__feature p { margin: 8px 0 0; color: var(--su-stitch-muted); font-size: 14px; line-height: 22px; }
.su-community-guide__feature ul { display: grid; gap: 7px; margin: 14px 0 0; padding: 0; list-style: none; }
.su-community-guide__feature li { position: relative; padding-left: 18px; color: var(--su-stitch-ink); font-size: 13px; line-height: 20px; }
.su-community-guide__feature li::before { position: absolute; top: 7px; left: 1px; width: 6px; height: 6px; border-radius: 50%; background: var(--su-stitch-teal); content: ""; }

@media (max-width: 820px) {
	.su-community-guide__feature,
	.su-community-guide__feature--reverse { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 24px 0; }
	.su-community-guide__feature--reverse figure { order: 0; }
}

/* Phase I.115: compact optional Composer tools. */
.su-community--stitch .su-community__context-picker--stitch { margin-top: 8px; }
.su-community--stitch .su-community__context-picker-modes { gap: 6px; }
.su-community--stitch .su-community__context-picker--stitch .su-community__context-picker-toggle {
	width: 44px;
	min-width: 44px !important;
	height: 44px;
	min-height: 44px !important;
	padding: 0;
	border-radius: 6px;
	background: #ffffff;
}
.su-community--stitch .su-community__context-picker--stitch .su-community__context-picker-toggle .material-symbols-outlined { font-size: 19px; }

@media (max-width: 560px) {
	.su-community--stitch .su-community__context-picker-modes { display: flex; width: auto; }
	.su-community--stitch .su-community__context-picker--stitch .su-community__context-picker-toggle { width: 44px; }

	.su-community--stitch .su-stitch-composer__bar > div {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(32px, 1fr));
		gap: 2px;
		width: 100%;
		min-width: 0;
	}

	.su-community--stitch .su-stitch-composer__bar > div > button:not(.su-stitch-primary) {
		justify-self: center;
		width: 34px;
		height: 34px;
	}
}

/* Phase I.117: exact Vendor Dashboard navigation language for Community routes. */
.su-community--stitch {
	--su-community-nav-primary: #f35e84;
	--su-community-nav-hover: #a62c50;
	--su-community-nav-soft: rgba(243, 94, 132, 0.1);
	--su-community-nav-surface: #f5f5f5;
	--su-community-nav-muted: #4b5563;
	--su-community-nav-border: #e2e8f0;
}

@media (min-width: 981px) {
	.su-community--stitch .su-stitch-grid {
		grid-template-columns: 240px minmax(0, 1fr);
	}

	.su-community--stitch .su-stitch-sidebar {
		width: 240px;
		padding: 34px 17px;
		border: 0;
		border-radius: 0;
		background: var(--su-community-nav-surface);
		box-shadow: none;
		font-family: "Plus Jakarta Sans", "DM Sans", sans-serif;
	}

	.su-community--stitch .su-stitch-nav {
		display: grid;
		gap: 4px;
		width: 100%;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
	}

	.su-community--stitch .su-stitch-nav__item {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		gap: 12px;
		width: 100%;
		min-height: 44px;
		padding: 10px 12px;
		border: 0;
		border-radius: 12px;
		background: transparent;
		color: #4b5563;
		font-size: 14px;
		font-weight: 600;
		line-height: 20px;
		text-align: left;
		transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
	}

	.su-community--stitch .su-stitch-nav__item .material-symbols-outlined {
		flex: 0 0 22px;
		font-size: 22px;
	}

	.su-community--stitch .su-stitch-nav__item:hover,
	.su-community--stitch .su-stitch-nav__item:focus-visible {
		background: var(--su-community-nav-soft);
		color: var(--su-community-nav-hover);
	}

	.su-community--stitch .su-stitch-nav__item:focus-visible {
		outline: 2px solid var(--su-community-nav-primary);
		outline-offset: 2px;
	}

	.su-community--stitch .su-stitch-nav__item.is-active {
		padding-left: 8px;
		border-right: 4px solid var(--su-community-nav-primary);
		background: var(--su-community-nav-soft);
		color: var(--su-community-nav-primary);
		font-weight: 700;
	}
}

/* Phase I.125: guest account access using the existing WooCommerce login contract. */
.su-community--stitch .su-community-guest-login {
	width: 100%;
	overflow: hidden;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 10px 26px rgba(17, 24, 39, 0.06);
	color: var(--su-stitch-ink);
}

.su-community--stitch .su-community-guest-login__tabs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-bottom: 1px solid var(--su-community-nav-border);
	background: var(--su-community-nav-surface);
}

.su-community--stitch .su-community-guest-login__tabs button {
	display: grid;
	place-items: center;
	min-width: 0;
	min-height: 44px;
	padding: 8px 5px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--su-stitch-muted);
	font-family: inherit;
	font-size: 11px;
	font-weight: 700;
	line-height: 15px;
	text-align: center;
	text-transform: none;
	cursor: pointer;
}

.su-community--stitch .su-community-guest-login__tabs button:hover,
.su-community--stitch .su-community-guest-login__tabs button:focus-visible,
.su-community--stitch .su-community-guest-login__tabs button.is-active {
	background: var(--su-community-nav-soft);
	color: var(--su-community-nav-hover);
}

.su-community--stitch .su-community-guest-login__tabs button:focus-visible,
.su-community--stitch .su-community-guest-login__form input:focus-visible,
.su-community--stitch .su-community-guest-login__password button:focus-visible,
.su-community--stitch .su-community-guest-login__submit:focus-visible,
.su-community--stitch .su-community-guest-login__lost:focus-visible,
.su-community--stitch .su-community-guest-login__switches button:focus-visible {
	outline: 3px solid rgba(243, 94, 132, 0.22);
	outline-offset: 2px;
}

.su-community--stitch .su-community-guest-login__panel[hidden] {
	display: none !important;
}

.su-community--stitch .su-community-guest-login__body {
	padding: 20px;
}

.su-community--stitch .su-community-guest-login__body > h2 {
	margin: 0;
	color: var(--su-stitch-ink);
	font-size: 20px;
	font-weight: 800;
	line-height: 27px;
	letter-spacing: 0;
}

.su-community--stitch .su-community-guest-login__body > p:not(.su-community-guest-login__register) {
	margin: 6px 0 18px;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 19px;
}

.su-community--stitch .su-community-guest-login__form {
	display: grid;
	gap: 15px;
	margin: 0;
}

.su-community--stitch .su-community-guest-login__form > label:not(.su-community-guest-login__remember) {
	display: grid;
	gap: 7px;
	margin: 0;
	color: var(--su-stitch-ink);
	font-size: 11px;
	font-weight: 750;
	line-height: 16px;
	text-transform: uppercase;
}

.su-community--stitch .su-community-guest-login__form input[type="text"],
.su-community--stitch .su-community-guest-login__form input[type="email"],
.su-community--stitch .su-community-guest-login__form input[type="password"] {
	box-sizing: border-box;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 9px 11px;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 6px;
	background: #ffffff;
	box-shadow: none;
	color: var(--su-stitch-ink);
	font: inherit;
	font-size: 14px;
	text-transform: none;
}

.su-community--stitch .su-community-guest-login__password {
	position: relative;
	display: block;
}

.su-community--stitch .su-community-guest-login__password input {
	padding-right: 48px !important;
}

.su-community--stitch .su-community-guest-login__password button {
	position: absolute;
	top: 0;
	right: 0;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--su-stitch-muted);
	cursor: pointer;
}

.su-community--stitch .su-community-guest-login__password .material-symbols-outlined {
	font-size: 20px;
}

.su-community--stitch .su-community-guest-login__remember {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	cursor: pointer;
}

.su-community--stitch .su-community-guest-login__remember input {
	width: 18px;
	height: 18px;
	margin: 0;
	accent-color: var(--su-community-nav-primary);
}

.su-community--stitch .su-community-guest-login__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 44px;
	margin: 0;
	padding: 10px 14px;
	border: 1px solid var(--su-community-nav-primary);
	border-radius: 6px;
	background: var(--su-community-nav-primary);
	box-shadow: none;
	color: #ffffff;
	font-size: 13px;
	font-weight: 800;
	line-height: 20px;
	letter-spacing: 0;
	text-transform: none;
	cursor: pointer;
}

.su-community--stitch .su-community-guest-login__submit:hover,
.su-community--stitch .su-community-guest-login__submit:focus-visible {
	border-color: var(--su-community-nav-hover);
	background: var(--su-community-nav-hover);
	color: #ffffff;
}

.su-community--stitch .su-community-guest-login__lost {
	width: max-content;
	max-width: 100%;
	color: var(--su-stitch-muted);
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	text-decoration: none;
}

.su-community--stitch .su-community-guest-login__lost:hover,
.su-community--stitch .su-community-guest-login__switches button:hover {
	color: var(--su-community-nav-hover);
	text-decoration: underline;
}

.su-community--stitch .su-community-guest-login__switches {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 5px;
	margin: 20px -20px -20px;
	padding: 16px 20px;
	border-top: 1px solid var(--su-community-nav-border);
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}

.su-community--stitch .su-community-guest-login__switches button {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--su-community-nav-primary);
	font: inherit;
	font-weight: 750;
	cursor: pointer;
}

.su-community--stitch .su-community-guest-login__hint,
.su-community--stitch .su-community-guest-login__empty {
	margin: 0;
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
}

.su-community--stitch .su-community-guest-login .woocommerce-privacy-policy-text {
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
}

.su-community--stitch .su-community-guest-login .woocommerce-privacy-policy-text p {
	margin: 0;
}

.su-community--stitch .su-community-guest-login .woocommerce-privacy-policy-text a {
	color: var(--su-community-nav-primary);
	font-weight: 700;
}

.su-community--stitch .su-community-guest-login .su-spam-folder-notice {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	align-items: start;
	gap: 8px;
	margin: 0;
	padding: 0;
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
}

.su-community--stitch .su-community-guest-login .su-spam-folder-notice__icon {
	display: grid;
	place-items: center;
	width: 18px;
	height: 18px;
	color: var(--su-community-nav-primary);
}

.su-community--stitch .su-community-guest-login .su-spam-folder-notice p {
	margin: 0;
}

.su-community--stitch .su-community-guest-login__panel--vendor > .su-vrf {
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.su-community--stitch .su-community-guest-login__panel--vendor .su-vrf__alt-links {
	display: none;
}

.su-community--stitch .su-community-guest-login__notices {
	padding: 16px 20px 0;
}

.su-community--stitch .su-community-guest-login__notices :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) {
	margin: 0;
	padding: 11px 12px;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 6px;
	background: var(--su-community-nav-soft);
	color: var(--su-stitch-ink);
	font-size: 12px;
	line-height: 18px;
	list-style-position: inside;
}

@media (min-width: 981px) {
	.su-community--stitch.su-community--guest .su-stitch-grid {
		grid-template-columns: 320px minmax(0, 1fr);
	}

	.su-community--stitch.su-community--guest .su-stitch-sidebar {
		width: 320px;
		padding: 24px 18px;
	}

	.su-community--stitch.su-community--guest.su-community--account-expanded .su-stitch-grid {
		grid-template-columns: minmax(460px, 560px) minmax(0, 1fr);
	}

	.su-community--stitch.su-community--guest.su-community--account-expanded .su-stitch-sidebar {
		width: 100%;
	}
}

@media (max-width: 980px) {
	.su-community--stitch.su-community--guest {
		padding-bottom: 0 !important;
	}

	.su-community--stitch.su-community--guest .su-community-guest-login,
	.su-community--stitch.su-community--guest .su-community-guest-login__tabs button {
		scroll-margin-top: calc(96px + env(safe-area-inset-top, 0px));
	}

	.su-community--stitch.su-community--guest .su-stitch-sidebar {
		display: block;
		width: min(100%, 560px);
		margin: 0 auto 22px;
		padding: 0;
	}

	.su-community--stitch.su-community--guest .su-community-guest-login__tabs button {
		min-height: 52px !important;
		padding: 10px 8px;
		font-size: 13px;
		line-height: 18px;
	}

	.su-community--stitch.su-community--guest .su-community-guest-login__body {
		padding: 24px;
	}

	.su-community--stitch.su-community--guest .su-community-guest-login__switches {
		margin: 22px -24px -24px;
		padding: 18px 24px;
	}
}

@media (max-width: 430px) {
	.su-community--stitch.su-community--guest .su-community-guest-login__tabs button {
		font-size: 11px;
	}

	.su-community--stitch.su-community--guest .su-community-guest-login__body {
		padding: 20px;
	}

	.su-community--stitch.su-community--guest .su-community-guest-login__switches {
		margin: 20px -20px -20px;
		padding: 16px 20px;
	}
}

@media (max-width: 980px) {
	.su-community--stitch .su-stitch-nav {
		justify-content: space-around;
		gap: 0;
		padding: 8px 16px calc(8px + env(safe-area-inset-bottom, 0px));
		border: 0;
		border-top: 1px solid var(--su-community-nav-border);
		border-radius: 16px 16px 0 0;
		background: rgba(255, 255, 255, 0.96);
		box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);
		backdrop-filter: blur(12px);
	}

	.su-community--stitch .su-stitch-nav__item {
		gap: 2px;
		min-width: 48px;
		min-height: 48px;
		padding: 6px 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: var(--su-community-nav-muted);
		font-size: 10px;
		font-weight: 500;
		line-height: 14px;
	}

	.su-community--stitch .su-stitch-nav__item .material-symbols-outlined {
		font-size: 22px;
	}

	.su-community--stitch .su-stitch-nav__item:hover,
	.su-community--stitch .su-stitch-nav__item:focus-visible {
		background: var(--su-community-nav-soft);
		color: var(--su-community-nav-hover);
	}

	.su-community--stitch .su-stitch-nav__item.is-active {
		padding: 6px 12px;
		border-radius: 12px;
		background: var(--su-community-nav-soft);
		box-shadow: none;
		color: var(--su-community-nav-primary);
		font-weight: 500;
	}
}

/* Phase I.126: align the full Community interaction palette with SecretUndies. */
.su-community--stitch {
	--su-stitch-primary: #f35e84;
	--su-stitch-muted: #4b5563;
	--su-stitch-outline: #e2e8f0;
	--su-stitch-soft: rgba(243, 94, 132, 0.1);
	--su-stitch-border: #e2e8f0;
	background: #f5f5f5 !important;
}

.su-community--stitch .su-stitch-stage {
	background: #f5f5f5;
}

.su-community--stitch .su-stitch-profile-card,
.su-community--stitch .su-stitch-status-card,
.su-community--stitch .su-stitch-directory,
.su-community--stitch .su-stitch-inbox,
.su-community--stitch .su-stitch-bookmarks,
.su-community--stitch .su-stitch-spaces,
.su-community--stitch .su-stitch-composer,
.su-community--stitch .su-stitch-post {
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.055);
}

.su-community--stitch .su-stitch-filters button,
.su-community--stitch .su-stitch-inbox__filters button {
	color: #a62c50;
}

.su-community--stitch .su-stitch-story-composer__picker:hover,
.su-community--stitch .su-stitch-story-composer__picker:focus-visible,
.su-community--stitch .su-stitch-story-composer__caption textarea:focus {
	border-color: var(--su-community-nav-primary);
	outline-color: rgba(243, 94, 132, 0.16);
}

/* Phase I.127: use the canonical SecretUndies palette across every Community state. */
.su-community--stitch {
	--su-community-ink: #111827;
	--su-community-muted: #4b5563;
	--su-community-surface: #ffffff;
	--su-community-soft: #f5f5f5;
	--su-community-panel: #ffffff;
	--su-community-border: #e2e8f0;
	--su-community-border-strong: #cbd5e1;
	--su-community-plum: #111827;
	--su-community-plum-soft: #111827;
	--su-community-accent: #f35e84;
	--su-community-rose: #f35e84;
	--su-community-teal: #059669;
	--su-community-amber: #f59e0b;
	--su-community-danger: #ba1a1a;
	--su-community-shadow: 0 12px 34px rgba(0, 0, 0, 0.055);
	--su-stitch-cream: #f5f5f5;
	--su-stitch-surface: #ffffff;
	--su-stitch-ink: #111827;
	--su-stitch-muted: #4b5563;
	--su-stitch-primary: #f35e84;
	--su-stitch-hot: #111827;
	--su-stitch-dark: #111827;
	--su-stitch-outline: #e2e8f0;
	--su-stitch-soft: rgba(243, 94, 132, 0.1);
	--su-stitch-teal: #059669;
	--su-stitch-amber: #f59e0b;
	--su-stitch-plum: #111827;
	--su-stitch-border: #e2e8f0;
	--su-core-bg: #f5f5f5;
	--su-core-card: #ffffff;
	--su-core-card-soft: #fafafa;
	--su-core-ink: #111827;
	--su-core-muted: #4b5563;
	--su-core-pink: #f35e84;
	--su-core-pink-bright: #f35e84;
	--su-core-pink-soft: rgba(243, 94, 132, 0.1);
	--su-core-outline: #e2e8f0;
	--su-core-dark: #111827;
	--su-core-shadow: 0 12px 34px rgba(0, 0, 0, 0.055);
	color: #111827;
}

.su-community--stitch :is(a, button, input, select, textarea, [tabindex]):focus-visible {
	outline-color: rgba(243, 94, 132, 0.22);
}

.su-community--stitch :is(
	.su-community__context-picker-toggle,
	.su-community__context-picker-actions button
) {
	border-color: #e2e8f0;
	background: #ffffff;
	color: #111827;
}

.su-community--stitch :is(
	.su-community__context-picker-toggle,
	.su-community__context-picker-actions button
):is(:hover, :focus-visible),
.su-community--stitch .su-community-guide__kicker {
	border-color: #f35e84;
	color: #a62c50;
}

.su-community--stitch :is(
	.su-community__status-pill--safe,
	.su-community__profile-tab[data-active="true"],
	.su-community__profile-tab[aria-selected="true"],
	.su-community__avatar--buyer,
	.su-community__profile-trust-item[data-contact="open"],
	.su-community__contact--open,
	.su-community__post-safety-chip--safe,
	.su-community__post-safety-chip--context,
	.su-community__context-signal,
	.su-community__context-gate--open,
	.su-community__post-insight--safe,
	.su-community__composer-tone[data-state="ready"],
	.su-community__composer-preview[data-state="ready"],
	.su-community__media-pill[data-tone="ready"]
) {
	border-color: rgba(5, 150, 105, 0.24);
	background: rgba(5, 150, 105, 0.1);
	color: #059669;
	box-shadow: none;
}

.su-community--stitch :is(
	.su-community__space-control-item[data-state="active"],
	.su-community__space-control-item[data-state="ok"],
	.su-community__group-card[data-active="true"]
) {
	border-color: rgba(5, 150, 105, 0.24);
	background: linear-gradient(180deg, #ffffff 0%, rgba(5, 150, 105, 0.1) 100%);
}

.su-community--stitch :is(
	.su-community__space-control-item[data-state="active"],
	.su-community__space-control-item[data-state="ok"]
) strong,
.su-community--stitch .su-stitch-composer__notice[data-tone="success"] {
	color: #059669;
}

.su-community--stitch .su-stitch-composer__notice[data-tone="success"] {
	background: rgba(5, 150, 105, 0.1);
}

.su-community--stitch .su-community__member-card[data-verified="true"] {
	border-color: rgba(5, 150, 105, 0.24);
	box-shadow: 0 12px 30px rgba(5, 150, 105, 0.07);
}

.su-community--stitch :is(
	.su-community__status-pill--guard,
	.su-community__profile-trust-item[data-contact="locked"],
	.su-community__contact--locked,
	.su-community__post-safety-chip--guard,
	.su-community__context-gate--locked,
	.su-community__post-insight--warning,
	.su-community__composer-tone[data-state="warning"],
	.su-community__space-control-item[data-state="pending"]
) {
	border-color: rgba(245, 158, 11, 0.28);
	background: rgba(245, 158, 11, 0.1);
	color: #92400e;
	box-shadow: none;
}

.su-community--stitch .su-community__space-control-item[data-state="pending"] strong {
	color: #92400e;
}

.su-community--stitch :is(
	.su-community__context-picker-preview[data-state="error"],
	.su-community__notice[data-state="error"],
	.su-community__state[data-state="error"],
	.su-community__state[data-state="locked"],
	.su-community__post-safety-chip--danger,
	.su-community__group-detail-card[data-state="error"]
) {
	border-color: rgba(186, 26, 26, 0.24);
	background: rgba(186, 26, 26, 0.08);
	color: #ba1a1a;
}

.su-community--stitch :is(
	.su-community__status-pill--quiet,
	.su-community__avatar--moderator,
	.su-community__comment[data-status="pending"],
	.su-community__comment-reply-form,
	.su-community__state[data-state="empty"],
	.su-community__state[data-state="paused"],
	.su-community__state[data-state="guest"]
) {
	border-color: #e2e8f0;
	background: #fafafa;
	color: #4b5563;
}

.su-community--stitch :is(
	.su-community__context-picker-panel,
	.su-community__media-uploader,
	.su-community__group-detail-card,
	.su-community__group-card,
	.su-community__member-card,
	.su-community__comment,
	.su-community__report,
	.su-community__story-composer__panel,
	.su-stitch-story-composer__panel,
	.su-community-guide__feature
) {
	border-color: #e2e8f0;
	background-color: #ffffff;
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.055);
}

/* Phase I.128: private follower and following lists in the own profile. */
.su-community--stitch .su-stitch-profile-tabs button > span {
	display: inline-grid;
	min-width: 20px;
	height: 20px;
	margin-left: 4px;
	place-items: center;
	border-radius: 10px;
	background: var(--su-community-nav-soft);
	color: var(--su-community-nav-primary);
	font-size: 10px;
	font-weight: 800;
}

.su-community--stitch .su-stitch-profile-follows {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.su-community--stitch .su-stitch-follow-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-width: 0;
	padding: 12px;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.045);
}

.su-community--stitch .su-stitch-follow-card__identity {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--su-stitch-ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

.su-community--stitch .su-stitch-follow-card__avatar {
	position: relative;
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
	overflow: hidden;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 50%;
	background: var(--su-community-nav-soft);
	color: var(--su-community-nav-primary);
	font-size: 12px;
	font-weight: 800;
}

.su-community--stitch .su-stitch-follow-card__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community--stitch .su-stitch-follow-card__copy {
	display: block;
	min-width: 0;
}

.su-community--stitch .su-stitch-follow-card__copy strong,
.su-community--stitch .su-stitch-follow-card__copy small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.su-community--stitch .su-stitch-follow-card__copy strong {
	color: var(--su-stitch-ink);
	font-size: 13px;
	line-height: 19px;
}

.su-community--stitch .su-stitch-follow-card__copy small {
	margin-top: 2px;
	color: var(--su-stitch-muted);
	font-size: 11px;
	line-height: 17px;
}

.su-community--stitch .su-stitch-follow-card__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 6px;
}

.su-community--stitch .su-stitch-follow-card__actions > button {
	min-width: 44px;
	min-height: 36px;
	padding: 7px 10px;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 6px;
	background: #ffffff;
	color: #4b5563;
	font: inherit;
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	cursor: pointer;
}

.su-community--stitch .su-stitch-follow-card__actions > .su-stitch-primary {
	border-color: var(--su-community-nav-primary);
	background: var(--su-community-nav-primary);
	color: #ffffff;
}

.su-community--stitch :is(
	[data-su-stitch-profile-followers-more],
	[data-su-stitch-profile-following-more]
) {
	display: block;
	min-height: 38px;
	margin: 12px auto 0;
	padding: 8px 14px;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 6px;
	background: #ffffff;
	color: #4b5563;
	font: inherit;
	font-size: 12px;
	font-weight: 700;
}

.su-community--stitch :is(
	[data-su-stitch-profile-followers-more],
	[data-su-stitch-profile-following-more]
)[hidden] {
	display: none !important;
}

@media (max-width: 700px) {
	.su-community--stitch .su-stitch-profile-follows {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community--stitch .su-stitch-follow-card {
		grid-template-columns: minmax(0, 1fr);
	}

	.su-community--stitch .su-stitch-follow-card__actions {
		justify-content: flex-start;
	}
}

/* Align the live Elementor header with the community's 1200px desktop canvas. */
@media (min-width: 1280px) {
	.elementor-18338 .elementor-element.elementor-element-3c64c5c > .elementor-container {
		width: 100% !important;
		max-width: 1200px !important;
		margin-right: auto !important;
		margin-left: auto !important;
		grid-template-columns: 320px minmax(0, 1fr) !important;
	}

	.elementor-18338 .elementor-element.elementor-element-3c64c5c > .elementor-container > .elementor-element-9024592 > .elementor-widget-wrap {
		padding-right: 5px !important;
		padding-left: 25px !important;
	}

	.elementor-18338 .elementor-element.elementor-element-3c64c5c > .elementor-container > .elementor-element-8f3a320 {
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		justify-self: stretch !important;
	}
}

/* Phase I.127: compact social-network shell with a server-gated guest view. */
.su-community--stitch .su-stitch-shell {
	width: min(calc(100% - 32px), 1440px);
	padding-top: 20px;
}

.su-community--stitch .su-community-appbar {
	display: grid;
	grid-template-columns: auto minmax(260px, 1fr) auto;
	align-items: center;
	gap: 24px;
	min-height: 82px;
	margin-bottom: 20px;
	padding: 12px 4px 16px;
	border-bottom: 1px solid var(--su-community-nav-border);
	background: transparent;
}

.su-community--stitch .su-community-appbar__identity {
	display: flex;
	align-items: center;
	gap: 12px;
}

.su-community--stitch .su-community-appbar__mark {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(243, 94, 132, 0.22);
	border-radius: 50%;
	background: var(--su-community-nav-soft);
	color: var(--su-community-nav-primary);
	font-size: 24px;
}

.su-community--stitch .su-community-appbar__identity p,
.su-community--stitch .su-community-appbar__identity h1,
.su-community--stitch .su-community-appbar__copy strong,
.su-community--stitch .su-community-appbar__copy span {
	margin: 0;
	letter-spacing: 0;
}

.su-community--stitch .su-community-appbar__identity p {
	color: var(--su-community-nav-primary);
	font-size: 11px;
	font-weight: 800;
	line-height: 15px;
	text-transform: uppercase;
}

.su-community--stitch .su-community-appbar__identity h1 {
	color: var(--su-stitch-hot);
	font-size: 23px;
	font-weight: 800;
	line-height: 29px;
}

.su-community--stitch .su-community-appbar__copy {
	display: grid;
	gap: 2px;
	justify-self: center;
	text-align: center;
}

.su-community--stitch .su-community-appbar__copy strong {
	color: var(--su-stitch-ink);
	font-size: 14px;
	line-height: 20px;
}

.su-community--stitch .su-community-appbar__copy span {
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
}

.su-community--stitch .su-community-appbar__profile {
	width: auto;
	min-width: 132px;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 8px;
	background: #ffffff;
}

.su-community--stitch .su-stitch-grid {
	grid-template-columns: 220px minmax(0, 1fr) 260px;
	gap: 20px;
	align-items: start;
}

.su-community--stitch .su-stitch-sidebar {
	top: 20px;
	width: 220px;
	padding: 0;
	background: transparent;
}

.su-community--stitch .su-stitch-nav {
	padding: 8px;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 8px;
	background: #ffffff;
}

.su-community--stitch .su-stitch-nav__item {
	border-radius: 6px;
}

.su-community--stitch .su-stitch-nav__item.is-active {
	padding-left: 12px;
	border-right: 0;
	box-shadow: inset 3px 0 0 var(--su-community-nav-primary);
}

.su-community--stitch .su-stitch-sidebar-card {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: 10px;
	padding: 16px;
	border: 1px solid rgba(5, 150, 105, 0.24);
	border-radius: 8px;
	background: rgba(5, 150, 105, 0.06);
}

.su-community--stitch .su-stitch-sidebar-card > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: #ffffff;
	color: var(--su-stitch-teal);
}

.su-community--stitch .su-stitch-sidebar-card strong,
.su-community--stitch .su-stitch-sidebar-card p {
	display: block;
	margin: 0;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-sidebar-card strong {
	color: var(--su-stitch-ink);
	font-size: 12px;
	line-height: 17px;
}

.su-community--stitch .su-stitch-sidebar-card p {
	margin-top: 3px;
	color: var(--su-stitch-muted);
	font-size: 11px;
	line-height: 17px;
}

.su-community--stitch .su-stitch-main {
	gap: 22px;
	min-width: 0;
}

.su-community--stitch :is(
	.su-stitch-profile-card,
	.su-stitch-status-card,
	.su-stitch-directory,
	.su-stitch-inbox,
	.su-stitch-bookmarks,
	.su-stitch-spaces,
	.su-stitch-composer,
	.su-stitch-post
) {
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(17, 24, 39, 0.05);
}

.su-community--stitch .su-stitch-right-rail {
	position: sticky;
	top: 20px;
	display: grid;
	gap: 14px;
	width: 260px;
}

.su-community--stitch .su-stitch-utility-card {
	padding: 16px;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 6px 18px rgba(17, 24, 39, 0.045);
}

.su-community--stitch .su-stitch-utility-card__head {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}

.su-community--stitch .su-stitch-utility-card__head > .material-symbols-outlined {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--su-community-nav-soft);
	color: var(--su-community-nav-primary);
}

.su-community--stitch .su-stitch-utility-card__head p,
.su-community--stitch .su-stitch-utility-card__head h2 {
	margin: 0;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-utility-card__head p {
	color: var(--su-community-nav-primary);
	font-size: 10px;
	font-weight: 800;
	line-height: 14px;
	text-transform: uppercase;
}

.su-community--stitch .su-stitch-utility-card__head h2,
.su-community--stitch .su-stitch-utility-card--safety h2 {
	color: var(--su-stitch-ink);
	font-size: 15px;
	font-weight: 800;
	line-height: 21px;
}

.su-community--stitch .su-stitch-utility-card__actions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}

.su-community--stitch .su-stitch-utility-card__actions .su-stitch-nav__item {
	display: grid;
	place-items: center;
	gap: 5px;
	min-width: 0;
	min-height: 70px;
	padding: 8px 4px;
	text-align: center;
}

.su-community--stitch .su-stitch-utility-card__actions .material-symbols-outlined {
	font-size: 22px;
}

.su-community--stitch .su-stitch-utility-card__actions .su-stitch-nav__item > span:last-child {
	font-size: 10px;
	line-height: 14px;
}

.su-community--stitch .su-stitch-utility-card__links {
	display: grid;
	gap: 4px;
}

.su-community--stitch .su-stitch-utility-card__links .su-stitch-nav__item {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) 20px;
	gap: 8px;
	min-width: 0;
	padding: 9px 6px;
	text-align: left;
}

.su-community--stitch .su-stitch-utility-card__links .su-stitch-nav__item > span:nth-child(2) {
	display: grid;
	gap: 1px;
}

.su-community--stitch .su-stitch-utility-card__links strong,
.su-community--stitch .su-stitch-utility-card__links small {
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-utility-card__links strong {
	color: var(--su-stitch-ink);
	font-size: 11px;
	line-height: 16px;
}

.su-community--stitch .su-stitch-utility-card__links small {
	color: var(--su-stitch-muted);
	font-size: 9px;
	line-height: 14px;
}

.su-community--stitch .su-stitch-utility-card--safety {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: 10px;
	border-color: rgba(5, 150, 105, 0.24);
	background: rgba(5, 150, 105, 0.06);
}

.su-community--stitch .su-stitch-utility-card--safety > .material-symbols-outlined {
	color: var(--su-stitch-teal);
	font-size: 26px;
}

.su-community--stitch .su-stitch-utility-card--safety h2,
.su-community--stitch .su-stitch-utility-card--safety p {
	margin: 0;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-utility-card--safety p {
	margin-top: 4px;
	color: var(--su-stitch-muted);
	font-size: 10px;
	line-height: 16px;
}

.su-community--stitch.su-community--guest-gated {
	padding-bottom: 40px !important;
}

.su-community--stitch.su-community--guest-gated .su-stitch-shell {
	width: min(calc(100% - 32px), 1180px);
}

.su-community--stitch .su-community-appbar--guest {
	grid-template-columns: minmax(0, 1fr) auto;
}

.su-community--stitch .su-community-appbar__privacy {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 38px;
	padding: 7px 12px;
	border: 1px solid rgba(5, 150, 105, 0.24);
	border-radius: 999px;
	background: rgba(5, 150, 105, 0.06);
	color: var(--su-stitch-teal);
	font-size: 11px;
	font-weight: 800;
	line-height: 16px;
}

.su-community--stitch .su-community-appbar__privacy .material-symbols-outlined {
	font-size: 18px;
}

.su-community--stitch .su-community-guest-gate__layout {
	display: grid;
	grid-template-columns: minmax(320px, 390px) minmax(0, 1fr);
	align-items: start;
	gap: clamp(28px, 5vw, 72px);
	min-height: 600px;
	padding: 24px 0 52px;
}

.su-community--stitch .su-community-guest-gate__account {
	position: sticky;
	top: 20px;
}

.su-community--stitch .su-community-guest-gate__welcome {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 520px;
	padding: clamp(24px, 5vw, 72px);
	border-left: 1px solid var(--su-community-nav-border);
}

.su-community--stitch .su-community-guest-gate__lock {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin-bottom: 20px;
	border: 1px solid rgba(5, 150, 105, 0.24);
	border-radius: 50%;
	background: rgba(5, 150, 105, 0.06);
	color: var(--su-stitch-teal);
}

.su-community--stitch .su-community-guest-gate__lock .material-symbols-outlined {
	font-size: 30px;
}

.su-community--stitch .su-community-guest-gate__eyebrow,
.su-community--stitch .su-community-guest-gate__welcome h2,
.su-community--stitch .su-community-guest-gate__intro,
.su-community--stitch .su-community-guest-gate__note {
	margin: 0;
	letter-spacing: 0;
}

.su-community--stitch .su-community-guest-gate__eyebrow {
	color: var(--su-community-nav-primary);
	font-size: 11px;
	font-weight: 800;
	line-height: 16px;
	text-transform: uppercase;
}

.su-community--stitch .su-community-guest-gate__welcome h2 {
	max-width: 650px;
	margin-top: 8px;
	color: var(--su-stitch-hot);
	font-size: clamp(28px, 3vw, 42px);
	font-weight: 800;
	line-height: 1.16;
}

.su-community--stitch .su-community-guest-gate__intro {
	max-width: 670px;
	margin-top: 16px;
	color: var(--su-stitch-muted);
	font-size: 15px;
	line-height: 24px;
}

.su-community--stitch .su-community-guest-gate__benefits {
	display: grid;
	gap: 0;
	max-width: 700px;
	margin: 28px 0 0;
	padding: 0;
	list-style: none;
}

.su-community--stitch .su-community-guest-gate__benefits li {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr);
	gap: 12px;
	padding: 16px 0;
	border-top: 1px solid var(--su-community-nav-border);
}

.su-community--stitch .su-community-guest-gate__benefits .material-symbols-outlined {
	color: var(--su-community-nav-primary);
	font-size: 24px;
}

.su-community--stitch .su-community-guest-gate__benefits li > span:last-child {
	display: grid;
	gap: 3px;
	color: var(--su-stitch-muted);
	font-size: 12px;
	line-height: 18px;
}

.su-community--stitch .su-community-guest-gate__benefits strong {
	color: var(--su-stitch-ink);
	font-size: 13px;
	line-height: 18px;
}

.su-community--stitch .su-community-guest-gate__note {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	max-width: 700px;
	margin-top: 22px;
	color: var(--su-stitch-muted);
	font-size: 11px;
	line-height: 17px;
}

.su-community--stitch .su-community-guest-gate__note .material-symbols-outlined {
	color: var(--su-stitch-teal);
	font-size: 18px;
}

.su-community--stitch .su-community-guest-gate__fallback {
	margin: 0;
	padding: 18px;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 8px;
	background: #ffffff;
	color: var(--su-stitch-muted);
	font-size: 13px;
	line-height: 20px;
}

@media (max-width: 1240px) {
	.su-community--stitch .su-stitch-grid {
		grid-template-columns: 220px minmax(0, 1fr);
	}

	.su-community--stitch .su-stitch-right-rail {
		display: none;
	}
}

@media (max-width: 980px) {
	.su-community--stitch .su-stitch-shell {
		width: min(calc(100% - 24px), 760px);
		padding-top: 12px;
	}

	.su-community--stitch .su-community-appbar {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 12px;
		min-height: 68px;
		margin-bottom: 14px;
		padding: 8px 0 12px;
	}

	.su-community--stitch .su-community-appbar__copy {
		display: none;
	}

	.su-community--stitch .su-community-appbar__profile {
		min-width: 44px;
		width: 44px;
		padding: 0;
		font-size: 0;
	}

	.su-community--stitch .su-community-appbar__profile .material-symbols-outlined {
		font-size: 22px;
	}

	.su-community--stitch .su-stitch-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.su-community--stitch .su-stitch-sidebar-card {
		display: none;
	}

	.su-community--stitch .su-stitch-main {
		gap: 18px;
	}

	.su-community--stitch .su-community-guest-gate__layout {
		grid-template-columns: minmax(0, 560px);
		justify-content: center;
		gap: 24px;
		min-height: 0;
		padding: 12px 0 32px;
	}

	.su-community--stitch .su-community-guest-gate__account {
		position: static;
		width: 100%;
	}

	.su-community--stitch .su-community-guest-gate__welcome {
		min-height: 0;
		padding: 28px 8px 8px;
		border-top: 1px solid var(--su-community-nav-border);
		border-left: 0;
	}
}

@media (max-width: 560px) {
	.su-community--stitch .su-community-appbar__mark {
		width: 40px;
		height: 40px;
		font-size: 21px;
	}

	.su-community--stitch .su-community-appbar__identity h1 {
		font-size: 19px;
		line-height: 25px;
	}

	.su-community--stitch .su-community-appbar__privacy {
		width: 40px;
		min-width: 40px;
		padding: 0;
		justify-content: center;
		font-size: 0;
	}

	.su-community--stitch .su-community-guest-gate__welcome h2 {
		font-size: 27px;
		line-height: 34px;
	}

	.su-community--stitch .su-community-guest-gate__intro {
		font-size: 14px;
		line-height: 22px;
	}

	.su-community--stitch .su-stitch-composer__bar > div {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 6px;
		width: 100%;
		min-width: 0;
	}

	.su-community--stitch .su-stitch-composer__bar > div > button:not(.su-stitch-primary) {
		flex: 0 0 40px;
		width: 40px;
		height: 40px;
	}

	.su-community--stitch .su-community-audience-control--compact {
		flex: 1 1 138px;
		min-width: 0;
		max-width: 100%;
	}

	.su-community--stitch .su-community-audience-control--compact select {
		width: 100%;
		min-width: 0;
		max-width: 100%;
	}
}

/* Phase I.132: social-first profile inspired by established community UX patterns. */
.su-community--stitch .su-stitch-profile-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	width: 100%;
	min-width: 0;
}

.su-community--stitch .su-stitch-profile-card {
	overflow: hidden;
	padding: 0;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 12px 34px rgba(17, 24, 39, 0.065);
}

.su-community--stitch .su-stitch-profile-card__cover {
	position: relative;
	display: grid;
	width: 100%;
	min-height: 190px;
	max-height: 260px;
	margin: 0;
	aspect-ratio: 3.35 / 1;
	place-items: center;
	overflow: hidden;
	background: #fff0f3;
	color: var(--su-stitch-primary);
	font-size: 12px;
	font-weight: 700;
}

.su-community--stitch .su-stitch-profile-card__cover img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.su-community--stitch .su-stitch-profile-card__cover > [data-su-stitch-profile-cover-fallback] {
	position: relative;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 5px 10px;
	border: 1px solid rgba(17, 24, 39, 0.1);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.84);
}

.su-community--stitch .su-stitch-profile-card__top {
	position: relative;
	display: grid;
	grid-template-columns: 124px minmax(0, 1fr) auto;
	align-items: end;
	gap: 20px;
	margin-top: -62px;
	padding: 0 28px 18px;
}

.su-community--stitch .su-stitch-profile-card__photo {
	position: relative;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 124px;
	height: 124px;
	overflow: visible;
	border: 5px solid #ffffff;
	border-radius: 50%;
	background: #fff0f3;
	box-shadow: 0 8px 22px rgba(17, 24, 39, 0.16);
	color: var(--su-stitch-primary);
	font-size: 24px;
	font-weight: 800;
}

.su-community--stitch .su-stitch-profile-card__photo img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	object-fit: cover;
}

.su-community--stitch .su-stitch-profile-card__body,
.su-community--stitch .su-stitch-profile-card__actions {
	min-width: 0;
	padding-top: 72px;
}

.su-community--stitch .su-stitch-profile-card__title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 4px;
}

.su-community--stitch .su-stitch-profile-card__title h2 {
	margin: 0;
	color: var(--su-stitch-hot);
	font-size: 24px;
	font-weight: 800;
	line-height: 31px;
	letter-spacing: 0;
}

.su-community--stitch .su-stitch-profile-card__title > span {
	min-height: 22px;
	padding: 3px 8px;
	border-radius: 6px;
	background: rgba(5, 150, 105, 0.08);
	color: var(--su-stitch-teal);
	font-size: 10px;
	font-weight: 800;
	line-height: 15px;
}

.su-community--stitch .su-stitch-profile-card__body > p {
	margin: 0 0 10px;
	color: var(--su-stitch-muted);
	font-size: 14px;
	line-height: 21px;
}

.su-community--stitch .su-stitch-profile-card__actions,
.su-community--stitch .su-stitch-profile-card__relationship-actions,
.su-community--stitch .su-stitch-connection-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	gap: 8px;
}

.su-community--stitch .su-stitch-profile-card__actions > button,
.su-community--stitch .su-stitch-profile-card__actions > a,
.su-community--stitch .su-stitch-profile-card__relationship-actions > button,
.su-community--stitch .su-stitch-connection-actions > button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 38px;
	padding: 8px 14px;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 6px;
	font-size: 12px;
	font-weight: 750;
	line-height: 18px;
	letter-spacing: 0;
	text-decoration: none;
}

.su-community--stitch .su-stitch-profile-card__actions .material-symbols-outlined,
.su-community--stitch .su-stitch-profile-card__relationship-actions .material-symbols-outlined {
	font-size: 18px;
}

.su-community--stitch .su-stitch-profile-card__secondary-action {
	background: #ffffff;
	color: var(--su-stitch-hot);
}

.su-community--stitch .su-stitch-profile-card__media-action {
	position: absolute;
	z-index: 4;
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 1px solid var(--su-community-nav-border);
	border-radius: 50%;
	background: #ffffff;
	color: var(--su-stitch-hot);
	box-shadow: 0 5px 16px rgba(17, 24, 39, 0.14);
	cursor: pointer;
}

.su-community--stitch .su-stitch-profile-card__media-action--cover {
	top: 16px;
	right: 16px;
}

.su-community--stitch .su-stitch-profile-card__media-action--avatar {
	right: -2px;
	bottom: 5px;
}

.su-community--stitch .su-stitch-profile-card__media-action .material-symbols-outlined {
	font-size: 18px;
}

.su-community--stitch .su-stitch-profile-card__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0;
	margin: 0 28px;
	padding: 16px 0;
	border-top: 1px solid var(--su-community-nav-border);
	text-align: left;
}

.su-community--stitch .su-stitch-profile-card__stats > span {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 5px;
	min-width: 0;
	color: var(--su-stitch-muted);
	font-size: 11px;
	font-weight: 600;
	line-height: 17px;
}

.su-community--stitch .su-stitch-profile-card__stats strong {
	color: var(--su-stitch-hot);
	font-size: 17px;
	font-weight: 800;
	line-height: 23px;
}

.su-community--stitch .su-stitch-profile-tabs {
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	gap: 0;
	margin: 0;
	padding: 0 18px;
	overflow-x: auto;
	border-top: 1px solid var(--su-community-nav-border);
	border-bottom: 1px solid var(--su-community-nav-border);
	scrollbar-width: thin;
}

.su-community--stitch .su-stitch-profile-tabs button {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	gap: 6px;
	min-height: 54px;
	padding: 9px 12px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--su-stitch-muted);
	font-size: 11px;
	font-weight: 700;
	line-height: 16px;
	white-space: nowrap;
}

.su-community--stitch .su-stitch-profile-tabs button::after {
	position: absolute;
	right: 10px;
	bottom: 0;
	left: 10px;
	height: 3px;
	background: transparent;
	content: "";
}

.su-community--stitch .su-stitch-profile-tabs button:hover,
.su-community--stitch .su-stitch-profile-tabs button:focus-visible,
.su-community--stitch .su-stitch-profile-tabs button.is-active {
	background: transparent;
	color: var(--su-stitch-primary);
}

.su-community--stitch .su-stitch-profile-tabs button.is-active::after {
	background: var(--su-stitch-primary);
}

.su-community--stitch .su-stitch-profile-tabs button > .su-stitch-profile-tab__icon {
	display: inline-block;
	min-width: 0;
	height: auto;
	margin: 0;
	border-radius: 0;
	background: transparent;
	color: currentColor;
	font-size: 19px;
	font-weight: 400;
}

.su-community--stitch .su-stitch-profile-tabs button > .su-stitch-profile-tab__label {
	display: inline;
	min-width: 0;
	height: auto;
	margin: 0;
	border-radius: 0;
	background: transparent;
	color: currentColor;
	font-size: inherit;
	font-weight: inherit;
}

.su-community--stitch .su-stitch-profile-tabs button > .su-stitch-profile-tab__count {
	display: inline-grid;
	min-width: 19px;
	height: 19px;
	margin: 0;
	place-items: center;
	border-radius: 10px;
	background: var(--su-community-nav-soft);
	color: var(--su-community-nav-primary);
	font-size: 9px;
	font-weight: 800;
}

.su-community--stitch .su-stitch-profile-panels,
.su-community--stitch .su-stitch-profile-edit,
.su-community--stitch .su-stitch-profile-tools {
	margin: 0;
	padding: 24px 28px 28px;
}

.su-community--stitch .su-stitch-profile-edit {
	border: 0;
	border-bottom: 1px solid var(--su-community-nav-border);
	border-radius: 0;
	background: #f5f5f5;
}

.su-community--stitch .su-stitch-profile-tools {
	padding-top: 0;
}

@media (max-width: 720px) {
	.su-community--stitch .su-stitch-profile-card__cover {
		min-height: 132px;
		aspect-ratio: 2.7 / 1;
	}

	.su-community--stitch .su-stitch-profile-card__top {
		grid-template-columns: minmax(0, 1fr);
		justify-items: center;
		gap: 10px;
		margin-top: -50px;
		padding: 0 16px 16px;
		text-align: center;
	}

	.su-community--stitch .su-stitch-profile-card__photo {
		width: 100px;
		height: 100px;
	}

	.su-community--stitch .su-stitch-profile-card__body,
	.su-community--stitch .su-stitch-profile-card__actions {
		width: 100%;
		padding-top: 0;
	}

	.su-community--stitch .su-stitch-profile-card__title,
	.su-community--stitch .su-stitch-chips,
	.su-community--stitch .su-stitch-profile-card__actions,
	.su-community--stitch .su-stitch-profile-card__relationship-actions,
	.su-community--stitch .su-stitch-connection-actions {
		justify-content: center;
	}

	.su-community--stitch .su-stitch-profile-card__title h2 {
		font-size: 21px;
		line-height: 28px;
	}

	.su-community--stitch .su-stitch-profile-card__stats {
		margin: 0 14px;
		padding: 13px 0;
	}

	.su-community--stitch .su-stitch-profile-card__stats > span {
		display: grid;
		gap: 0;
		justify-items: center;
		font-size: 9px;
		line-height: 14px;
		text-align: center;
	}

	.su-community--stitch .su-stitch-profile-card__stats strong {
		font-size: 15px;
		line-height: 20px;
	}

	.su-community--stitch .su-stitch-profile-tabs {
		padding: 0 6px;
	}

	.su-community--stitch .su-stitch-profile-tabs button {
		flex-direction: column;
		gap: 2px;
		min-width: 72px;
		min-height: 58px;
		padding: 7px 8px;
		font-size: 9px;
		line-height: 13px;
	}

	.su-community--stitch .su-stitch-profile-tabs button > .su-stitch-profile-tab__icon {
		font-size: 20px;
	}

	.su-community--stitch .su-stitch-profile-tabs button > .su-stitch-profile-tab__count {
		position: absolute;
		top: 5px;
		right: 8px;
	}

	.su-community--stitch .su-stitch-profile-panels,
	.su-community--stitch .su-stitch-profile-edit,
	.su-community--stitch .su-stitch-profile-tools {
		padding: 18px 14px 22px;
	}

	.su-community--stitch .su-stitch-profile-edit__media,
	.su-community--stitch .su-stitch-profile-summary,
	.su-community--stitch .su-stitch-profile-follows {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* Phase I.147: canonical homepage and dashboard palette. */
.su-community--stitch {
	--su-brand-primary: #f35e84;
	--su-brand-primary-hover: #e04d72;
	--su-brand-on-primary: #ffffff;
	--su-brand-link: #a62c50;
	--su-brand-link-hover: #8f2444;
	--su-brand-cta: #f88736;
	--su-brand-cta-hover: #ba6800;
	--su-brand-bg: #f5f5f5;
	--su-brand-surface: #ffffff;
	--su-brand-surface-soft: #fafafa;
	--su-brand-border: #e2e8f0;
	--su-brand-text: #111827;
	--su-brand-muted: #4b5563;
	--su-brand-success: #059669;
	--su-brand-warning: #f59e0b;
	--su-brand-error: #ba1a1a;
	--su-community-ink: var(--su-brand-text);
	--su-community-muted: var(--su-brand-muted);
	--su-community-soft: var(--su-brand-bg);
	--su-community-border: var(--su-brand-border);
	--su-community-border-strong: #cbd5e1;
	--su-community-plum: var(--su-brand-text);
	--su-community-plum-soft: var(--su-brand-text);
	--su-community-accent: var(--su-brand-primary);
	--su-community-rose: var(--su-brand-primary);
	--su-community-teal: var(--su-brand-success);
	--su-community-amber: var(--su-brand-warning);
	--su-community-danger: var(--su-brand-error);
	--su-stitch-cream: var(--su-brand-bg);
	--su-stitch-ink: var(--su-brand-text);
	--su-stitch-muted: var(--su-brand-muted);
	--su-stitch-primary: var(--su-brand-primary);
	--su-stitch-hot: var(--su-brand-text);
	--su-stitch-outline: var(--su-brand-border);
	--su-stitch-soft: rgba(243, 94, 132, 0.1);
	--su-stitch-teal: var(--su-brand-success);
	--su-stitch-amber: var(--su-brand-warning);
	--su-stitch-plum: var(--su-brand-text);
	--su-stitch-border: var(--su-brand-border);
	--su-community-nav-primary: var(--su-brand-primary);
	--su-community-nav-hover: var(--su-brand-link);
	--su-community-nav-soft: rgba(243, 94, 132, 0.1);
	--su-community-nav-surface: var(--su-brand-bg);
	--su-community-nav-muted: var(--su-brand-muted);
	--su-community-nav-border: var(--su-brand-border);
	background: var(--su-brand-bg) !important;
	color: var(--su-brand-text);
}

.su-community--stitch .su-stitch-stage,
.su-community--stitch .su-stitch-sidebar,
.su-community--stitch .su-stitch-profile-edit,
.su-community--stitch .su-community-guest-login__tabs {
	background: var(--su-brand-bg);
}

.su-community--stitch :is(
	.su-stitch-nav,
	.su-stitch-profile-card,
	.su-stitch-status-card,
	.su-stitch-directory,
	.su-stitch-inbox,
	.su-stitch-bookmarks,
	.su-stitch-spaces,
	.su-stitch-composer,
	.su-stitch-post,
	.su-community-guest-login
) {
	border-color: var(--su-brand-border);
	background-color: var(--su-brand-surface);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.su-community--stitch .su-stitch-primary,
.su-community--stitch .su-stitch-security button {
	border-color: var(--su-brand-primary);
	background: var(--su-brand-primary);
	color: var(--su-brand-on-primary) !important;
}

.su-community--stitch .su-stitch-primary:is(:hover, :focus-visible),
.su-community--stitch .su-stitch-security button:is(:hover, :focus-visible) {
	border-color: var(--su-brand-primary-hover);
	background: var(--su-brand-primary-hover);
	color: var(--su-brand-on-primary) !important;
}

.su-community--stitch :is(
	.su-stitch-section-head button,
	.su-stitch-filters button,
	.su-stitch-inbox__filters button,
	.su-community-guest-login__switches button,
	.su-community-guest-login .woocommerce-privacy-policy-text a
) {
	color: var(--su-brand-link);
}

.su-community--stitch :is(
	.su-stitch-section-head button,
	.su-stitch-filters button,
	.su-stitch-inbox__filters button,
	.su-community-guest-login__switches button,
	.su-community-guest-login .woocommerce-privacy-policy-text a
):is(:hover, :focus-visible) {
	color: var(--su-brand-link-hover);
}

body.su-community-page .su-community--stitch .su-community-guest-login .su-community-guest-login__submit,
body.su-community-page .su-community--stitch .su-community-guest-login__panel--vendor .su-vrf__btn--primary {
	border-color: var(--su-brand-cta) !important;
	background: var(--su-brand-cta) !important;
	color: #ffffff !important;
}

body.su-community-page .su-community--stitch .su-community-guest-login .su-community-guest-login__submit:is(:hover, :focus-visible),
body.su-community-page .su-community--stitch .su-community-guest-login__panel--vendor .su-vrf__btn--primary:is(:hover, :focus-visible) {
	border-color: var(--su-brand-cta-hover) !important;
	background: var(--su-brand-cta-hover) !important;
	color: #ffffff !important;
}

.su-community--stitch .su-stitch-profile-card__cover,
.su-community--stitch .su-stitch-profile-card__photo {
	background: #fff0f3;
}

.su-community--stitch .su-stitch-profile-card,
.su-community--stitch .su-stitch-profile-card__cover > [data-su-stitch-profile-cover-fallback],
.su-community--stitch .su-stitch-profile-card__photo,
.su-community--stitch .su-stitch-profile-card__media-action {
	border-color: var(--su-brand-border);
	box-shadow: 0 8px 22px rgba(17, 24, 39, 0.08);
}

/* Phase I.148: canonical homepage and dashboard typography. */
body.su-community-page .su-community--stitch {
	--su-brand-font-body: "DM Sans", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--su-brand-font-heading: "Plus Jakarta Sans", "DM Sans", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-family: var(--su-brand-font-body) !important;
}

body.su-community-page .su-community--stitch :where(
	a,
	button,
	input,
	select,
	textarea,
	optgroup,
	label,
	legend,
	summary,
	p,
	li,
	dt,
	dd,
	small,
	strong,
	b,
	em,
	time
) {
	font-family: var(--su-brand-font-body) !important;
}

body.su-community-page .su-community--stitch :where(
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	.font-headline
) {
	font-family: var(--su-brand-font-heading) !important;
	letter-spacing: 0;
}

body.su-community-page .su-community--stitch .material-symbols-outlined {
	font-family: "Material Symbols Outlined" !important;
}

/* Phase I.149: mobile-first SecretUndies profile layout. */
@media (max-width: 720px) {
	body.su-community-page .su-community--stitch .su-stitch-stage[data-su-stitch-active-section="profile"] .su-stitch-profile-grid {
		width: calc(100% + 24px);
		max-width: calc(100% + 24px);
		margin-right: -12px;
		margin-left: -12px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__cover {
		min-height: 118px;
		max-height: 132px;
		aspect-ratio: auto;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__cover > [data-su-stitch-profile-cover-fallback] {
		max-width: calc(100% - 108px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__top {
		grid-template-columns: 88px minmax(0, 1fr);
		align-items: start;
		justify-items: stretch;
		column-gap: 12px;
		row-gap: 12px;
		margin-top: -42px;
		padding: 0 14px 14px;
		text-align: left;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__photo {
		width: 88px;
		height: 88px;
		border-width: 4px;
		font-size: 20px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__body {
		align-self: start;
		width: auto;
		padding-top: 48px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__title,
	body.su-community-page .su-community--stitch .su-stitch-chips {
		justify-content: flex-start;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__title {
		gap: 6px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__title h2 {
		max-width: 100%;
		font-size: 20px;
		line-height: 26px;
		overflow-wrap: anywhere;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__body > p {
		margin-bottom: 8px;
		font-size: 13px;
		line-height: 19px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__actions {
		grid-column: 1 / -1;
		width: 100%;
		padding-top: 0;
		justify-content: stretch;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__actions > .su-stitch-profile-card__relationship-actions:not(:empty) {
		flex: 1 1 100%;
		justify-content: stretch;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__actions > button,
	body.su-community-page .su-community--stitch .su-stitch-profile-card__actions > a,
	body.su-community-page .su-community--stitch .su-stitch-profile-card__relationship-actions > button,
	body.su-community-page .su-community--stitch .su-stitch-connection-actions > button {
		flex: 1 1 145px;
		min-width: 0;
		min-height: 44px;
		padding: 9px 12px;
		text-align: center;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__media-action {
		width: 44px;
		height: 44px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__media-action--cover {
		top: 10px;
		right: 10px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__media-action--avatar {
		right: -4px;
		bottom: -2px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__stats {
		margin: 0 12px;
		padding: 12px 0;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__stats > span {
		display: grid;
		gap: 1px;
		justify-items: center;
		font-size: 10px;
		line-height: 14px;
		text-align: center;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-card__stats strong {
		font-size: 16px;
		line-height: 21px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-tabs {
		display: grid;
		grid-auto-columns: 82px;
		grid-auto-flow: column;
		align-items: stretch;
		padding: 0 12px 0 6px;
		overflow-x: auto;
		overscroll-behavior-inline: contain;
		scroll-padding-left: 6px;
		scroll-snap-type: x proximity;
		scrollbar-width: none;
		touch-action: pan-x;
		-webkit-overflow-scrolling: touch;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-tabs::-webkit-scrollbar {
		display: none;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-tabs button {
		min-width: 0 !important;
		min-height: 64px;
		padding: 8px 6px;
		font-size: 10px;
		line-height: 14px;
		scroll-snap-align: start;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-tabs button > .su-stitch-profile-tab__count {
		top: 6px;
		right: 6px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-panels,
	body.su-community-page .su-community--stitch .su-stitch-profile-edit,
	body.su-community-page .su-community--stitch .su-stitch-profile-tools {
		padding: 16px 12px 22px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-panels > section,
	body.su-community-page .su-community--stitch .su-stitch-profile-panels [data-su-stitch-profile-timeline],
	body.su-community-page .su-community--stitch .su-stitch-profile-panels [data-su-stitch-profile-spaces] {
		min-width: 0;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-edit__checks,
	body.su-community-page .su-community--stitch .su-stitch-profile-edit__actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		width: 100%;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-edit__actions button,
	body.su-community-page .su-community--stitch .su-stitch-profile-tools button {
		width: 100%;
		min-width: 0;
		min-height: 44px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-edit__media > div {
		align-items: stretch;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-edit__media button {
		justify-content: center;
		min-height: 44px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-edit__media [data-su-profile-media-pick] {
		flex: 1 1 150px;
	}

	body.su-community-page .su-community--stitch .su-stitch-profile-edit__media [data-su-profile-media-clear] {
		flex: 0 1 96px;
	}
}

/* Phase I.150: clear marketplace action inside Vendor profiles. */
body.su-community-page .su-community--stitch .su-stitch-profile-card__shop.is-available {
	border-color: var(--su-brand-cta);
	background: var(--su-brand-cta);
	color: #ffffff !important;
	text-decoration: none;
}

body.su-community-page .su-community--stitch .su-stitch-profile-card__shop.is-available:is(:hover, :focus-visible) {
	border-color: var(--su-brand-cta-hover);
	background: var(--su-brand-cta-hover);
	color: #ffffff !important;
}

@media (max-width: 720px) {
	body.su-community-page .su-community--stitch .su-stitch-profile-card__actions > .su-stitch-profile-card__shop.is-available {
		flex-basis: 100%;
	}
}


/* 2026 minimalist community design-system alignment. */
body.su-community-page .su-community--stitch {
	--su-community-pink: #af2952;
	--su-community-pink-soft: #fdf5f2;
	--su-community-pink-hover: #2b1028;
	--su-community-green-soft: #d9f3ef;
	--su-brand-cta: #f88736;
	--su-brand-cta-hover: #ba6800;
	--su-brand-border: #e5e7eb;
	--su-brand-font-body: "Inter", Arial, sans-serif;
	--su-brand-font-heading: "Plus Jakarta Sans", Arial, sans-serif;
	min-height: 100vh;
	background-color: #f5f6f8;
	background-image: none;
	color: #111827;
	font-family: var(--su-brand-font-body) !important;
}
body.su-community-page .su-community--stitch :where(a, button, input, select, textarea, p, li, small, strong) {
	font-family: var(--su-brand-font-body) !important;
}
body.su-community-page .su-community--stitch :where(h1, h2, h3, h4, h5, h6, .font-headline) {
	font-family: var(--su-brand-font-heading) !important;
	letter-spacing: -0.025em;
}
body.su-community-page .su-community--stitch .su-community__topbar {
	border-bottom-color: #e5e7eb;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: none;
}
body.su-community-page .su-community--stitch .su-stitch-shell {
	width: min(100% - 40px, 1280px);
	margin: 0 auto;
}
body.su-community-page .su-community--stitch :is(
	.su-stitch-sidebar-card,
	.su-stitch-composer,
	.su-community__post,
	.su-stitch-profile-card,
	.su-stitch-inbox,
	.su-stitch-bookmarks,
	.su-stitch-directory,
	.su-stitch-spaces,
	.su-community-guide--compact,
	.su-stitch-notification-preferences
) {
	border: 1px solid #e5e7eb;
	border-radius: 24px;
	background: #ffffff;
	box-shadow: 0 12px 30px rgba(43, 16, 40, 0.06);
}
body.su-community-page .su-community--stitch :is(.su-stitch-primary, button[type="submit"]) {
	border-color: #f88736 !important;
	border-radius: 999px;
	background: #f88736 !important;
	color: #ffffff !important;
	box-shadow: none;
}
body.su-community-page .su-community--stitch :is(.su-stitch-primary, button[type="submit"]):is(:hover, :focus-visible) {
	border-color: #ba6800 !important;
	background: #ba6800 !important;
	color: #ffffff !important;
}
body.su-community-page .su-community--stitch :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	background: #ffffff;
	color: #111827;
}
body.su-community-page .su-community--stitch :is(input, select, textarea):focus {
	border-color: #f35e84;
	box-shadow: 0 0 0 3px rgba(243, 94, 132, 0.14);
	outline: none;
}
body.su-community-page .su-community--stitch .su-stitch-nav__item.is-active {
	border-radius: 14px;
	background: #fdf5f2;
	color: #af2952;
}
@media (max-width: 720px) {
	body.su-community-page .su-community--stitch .su-stitch-shell {
		width: min(100% - 24px, 1280px);
	}
	body.su-community-page .su-community--stitch :is(.su-stitch-composer, .su-community__post, .su-stitch-profile-card) {
		border-radius: 18px;
	}
}