.fmfrsc-placeholder{display:none!important}

.fmfrsc-section{
	box-sizing:border-box;
	width:100%;
	margin:18px 0;
}

.fmfrsc-heading{
	margin:0 0 10px;
	font-size:20px;
	line-height:1.25;
}

.fmfrsc-grid{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:10px;
}

.fmfrsc-card{
	box-sizing:border-box;
	overflow:hidden;
	border:1px solid rgba(0,0,0,.12);
	border-radius:10px;
	background:#fff;
	box-shadow:0 2px 8px rgba(0,0,0,.07);
}

.fmfrsc-media{
	aspect-ratio:16/9;
	overflow:hidden;
	background:#f0f0f1;
}

.fmfrsc-image{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

.fmfrsc-title{
	padding:9px 10px 11px;
	font-size:14px;
	font-weight:700;
	line-height:1.3;
}

.fmfrsc-title a{
	color:inherit;
	text-decoration:none;
}

.fmfrsc-title a:hover,
.fmfrsc-title a:focus{
	text-decoration:underline;
}

.fmfrsc-code{
	margin:0;
	white-space:pre-wrap;
	word-break:break-word;
	font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
	font-size:13px;
}

/* The plugin is intended for mobile Facebook traffic, so the mobile layout is compact and readable. */
@media(max-width:640px){
	.fmfrsc-grid{
		grid-template-columns:repeat(3,minmax(0,1fr));
		gap:6px;
	}

	.fmfrsc-card{
		border-radius:7px;
	}

	.fmfrsc-title{
		padding:7px 6px 8px;
		font-size:11px;
		line-height:1.25;
	}

	.fmfrsc-heading{
		font-size:18px;
		margin-bottom:8px;
	}
}

@media(max-width:360px){
	.fmfrsc-grid{
		grid-template-columns:1fr;
		gap:9px;
	}

	.fmfrsc-title{
		font-size:14px;
		padding:9px 10px 10px;
	}
}