/**
 * Theme-safe structural contract for SEO Genie articles.
 *
 * The active WordPress theme remains the visual source of truth. These rules
 * deliberately avoid typography, colors, spacing, borders and backgrounds;
 * they only keep article media and wide content inside the theme's native
 * single-post content area.
 *
 * The release number is part of this physical filename because some WordPress
 * hosts strip stylesheet query strings before applying long-lived CDN caches.
 */

body.seo-genie-renderer-active .seo-genie-article {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow-wrap: anywhere;
}

/*
 * Elementor's Theme Post Content widget is a flex item in many Single
 * templates. Allow that native content column to shrink around wide article
 * media instead of forcing the Header/Single/Footer canvas wider than the
 * viewport. No visual property is imposed on the theme.
 */
body.seo-genie-renderer-active .elementor-widget-theme-post-content,
body.seo-genie-renderer-active .elementor-widget-theme-post-content > .elementor-widget-container {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

body.seo-genie-renderer-active .seo-genie-article,
body.seo-genie-renderer-active .seo-genie-article * {
	box-sizing: border-box;
}

body.seo-genie-renderer-active .seo-genie-article :where(img, video, svg) {
	max-width: 100%;
	height: auto;
}

body.seo-genie-renderer-active .seo-genie-article :where(iframe, embed, object) {
	max-width: 100%;
}

body.seo-genie-renderer-active .seo-genie-article :where(figure, pre) {
	max-width: 100%;
}

body.seo-genie-renderer-active .seo-genie-article pre,
body.seo-genie-renderer-active .seo-genie-article .seo-genie-article__table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

body.seo-genie-renderer-active.seo-genie-renderer-mode-theme-safe
	.seo-genie-article img.seo-genie-article__image {
	width: auto;
	max-width: 100%;
	height: auto;
}

body.seo-genie-renderer-active .seo-genie-article .seo-genie-article__table-wrap {
	width: 100%;
	max-width: 100%;
}

body.seo-genie-renderer-active .seo-genie-article .seo-genie-article__table {
	width: 100%;
}
