/* Astro Social — Facebook Page feed */

.astrosocial {
	box-sizing: border-box;
	margin: 0 auto;
	width: 100%;
	text-align: center; /* centres the (inline-block) frame */
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.astrosocial * {
	box-sizing: border-box;
}

/* The frame shrink-wraps the iframe so its exact pixel width is preserved
   (Facebook renders at a fixed width; stretching it clips the content). */
.astrosocial .astrosocial__frame {
	display: inline-block;
	max-width: 100%;
	vertical-align: top;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18);
}

.astrosocial .astrosocial__frame iframe {
	display: block;
	border: 0;
	margin: 0;
	max-width: 100%;
}

.astrosocial .astrosocial__empty {
	margin: 0;
	padding: 22px;
	text-align: center;
	color: #6b7280;
	font-size: 0.9rem;
	border: 1px dashed rgba(120, 130, 160, 0.45);
	border-radius: 12px;
}