/**
 * Public article styles. Every Historification-inserted article image is a uniform
 * 275px wide and FLOATED so the article text wraps around it instead of being split
 * by it. Overrides theme image rules; applies to existing and new articles alike.
 * Loaded on single article pages only.
 */
.hsf-article-figure {
	float: right;
	width: 275px !important;
	max-width: 45% !important;
	margin: 0.35em 0 0.75em 1.5em !important;
	clear: right; /* stack multiple images down the right edge, don't overlap */
}
.hsf-article-figure img {
	width: 100% !important;
	height: auto !important;
	display: block;
}
.hsf-article-figure figcaption {
	font-size: 0.8em;
}
/* Some themes (e.g. yummy-bites) set clear:both on every heading, which would drop
   a heading next to a floated image below it. Cancel that just for that heading. */
.hsf-article-figure + h1, .hsf-article-figure + h2, .hsf-article-figure + h3,
.hsf-article-figure + h4, .hsf-article-figure + h5, .hsf-article-figure + h6 {
	clear: none;
}
/* On phones a 275px float would crowd the text — center it full-width instead. */
@media (max-width: 640px) {
	.hsf-article-figure {
		float: none;
		width: 275px !important;
		max-width: 100% !important;
		margin: 1em auto !important;
	}
}