/* Images in post content
 *
 * The theme only caps images at the width of the 800px content column, which
 * is right for a landscape PCB render and much too big for a portrait phone
 * screenshot - a 1206x2622 capture ends up around 1740px tall.
 *
 * Capping the height instead scales tall images down proportionally and leaves
 * wide ones alone. 600px is chosen so that it does: a 4:3 photo at the full
 * 800px column is exactly 600px tall, so every existing landscape image and
 * photo on the site is untouched, and only portrait captures are affected.
 *
 * Scoped to the article body on purpose. A rule on `.content img` also catches
 * the header logo, and `article .body img` is specific enough to beat
 * `.site-logo`, so the logo would be resized by anything set here.
 */

article .body img {
	max-height: 600px;
	width: auto;
}

/* Images on consecutive lines land in a single paragraph, so once they are
 * narrow enough they sit side by side on their own centred line. */
article .body p:has(img) {
	text-align: center;
}

article .body p img + img {
	margin-left: 0.75em;
}