/* ==========================================================================
   Folks Feed Importer — front-end display fixes
   Scoped to imported-post content only (loaded on singular posts, applied
   via FFI_Display's the_content filter to imported items). Neutral,
   theme-agnostic resets — deliberately minimal since the real design
   should come from the active theme.
   ========================================================================== */

/* Responsive video embeds: iframe wrapped by FFI_Display::clean_content()
   gets a 16:9 box instead of the source site's fixed pixel width, which
   otherwise overflows narrow content columns or mobile viewports. */
.ffi-embed-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 */
	margin: 1.5em 0;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.04);
}

.ffi-embed-wrap iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* Defensive resets for anything left over from source-site markup that
   slipped past import-time cleanup — stops foreign fixed widths, huge
   inline font sizes, or background colors from breaking the page. */
.entry-content img,
.post-content img,
article img {
	max-width: 100%;
	height: auto;
}

.entry-content table,
.post-content table,
article table {
	max-width: 100%;
	display: block;
	overflow-x: auto;
}

.ffi-source-note {
	margin-top: 2em;
	padding: 0.9em 1.1em;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 6px;
	font-size: 0.85em;
	opacity: 0.85;
}

.ffi-source-note a {
	text-decoration: underline;
}