.bar-social-feed {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 1rem;
}

.bar-social-card {
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
}

.bar-social-card img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.bar-social-card__text {
	margin: 0;
	padding: 0.85rem 1rem 0.35rem;
	font-size: 0.95rem;
	line-height: 1.45;
}

.bar-social-card__meta {
	margin: 0;
	padding: 0 1rem 0.85rem;
	font-size: 0.82rem;
	opacity: 0.85;
}

.bar-social-feed__empty {
	grid-column: 1 / -1;
}