/**
 * My Automated Post Generator - front-end styles.
 *
 * Keeps AI-generated in-body images (figures inserted into the article body)
 * responsive and centered so they never overflow narrow viewports.
 */

.myap-inline-figure {
	display: block;
	max-width: 100%;
	margin: 1.5em auto;
}

.myap-inline-figure img,
img.myap-inline-image {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.myap-inline-figure figcaption {
	margin-top: 0.5em;
	font-size: 0.8125em;
	line-height: 1.4;
	text-align: center;
	opacity: 0.85;
}