.moern-social-feed {
	--moern-surface: #fffaf5;
	--moern-panel: #ffffff;
	--moern-text: #1f2937;
	--moern-muted: #6b7280;
	--moern-border: rgba(202, 138, 107, 0.18);
	--moern-accent: #d95d39;
	margin: 24px 0;
	padding: 24px;
	border: 1px solid var(--moern-border);
	border-radius: 28px;
	background: radial-gradient(circle at top right, rgba(245, 133, 41, 0.16), transparent 32%), linear-gradient(180deg, var(--moern-surface), #fff);
	box-shadow: 0 24px 48px rgba(31, 41, 55, 0.06);
}

.moern-social-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.moern-social-header h3 { margin: 0 0 6px; font-size: 28px; line-height: 1.1; }
.moern-social-header p, .moern-social-cache-note, .moern-social-content time, .moern-social-empty { color: var(--moern-muted); }
.moern-social-button { display: inline-flex; align-items: center; justify-content: center; padding: 12px 18px; border-radius: 999px; background: var(--moern-accent); color: #fff; text-decoration: none; font-weight: 700; }
.moern-social-items { display: grid; grid-template-columns: repeat(var(--moern-columns, 3), minmax(0, 1fr)); gap: 16px; }
.moern-social-item { overflow: hidden; border: 1px solid var(--moern-border); border-radius: 22px; background: var(--moern-panel); transition: transform 0.25s ease, box-shadow 0.25s ease; }
.moern-social-item:hover { transform: translateY(-3px); box-shadow: 0 18px 30px rgba(31, 41, 55, 0.08); }
.moern-social-item a { display: block; height: 100%; color: inherit; text-decoration: none; }
.moern-social-media { position: relative; aspect-ratio: 1 / 1; background: #f3f4f6; }
.moern-social-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.moern-social-content { display: grid; gap: 8px; padding: 16px; }
.moern-social-type { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--moern-accent); }
.moern-social-content p { margin: 0; color: var(--moern-text); }
.moern-social-layout-cards .moern-social-item { border-radius: 26px; }
.moern-social-layout-highlight .moern-social-items { grid-template-columns: 1.4fr 1fr 1fr; }
.moern-social-layout-highlight .moern-social-item.is-featured { grid-row: span 2; }
.moern-social-layout-highlight .moern-social-item.is-featured .moern-social-media { aspect-ratio: 4 / 5; }
.moern-social-empty { padding: 18px; border-radius: 18px; background: #fff8f4; }

@media (max-width: 900px) {
	.moern-social-feed, .moern-social-header { padding: 18px; }
	.moern-social-header, .moern-social-items, .moern-social-layout-highlight .moern-social-items { grid-template-columns: 1fr; }
}