/**
 * MCE Tools — Author card portrait fix.
 *
 * The article author box (.author-box) is a flexbox. Its media cell
 * (.author-box__media) had no fixed size, and the avatar inherited the
 * theme's global `img { max-width: 100% }`. Inside a shrinkable flex item
 * that created a circular width constraint, collapsing the photo to 0px wide
 * while its 72px height remained — a thin vertical oval.
 *
 * Fix: make the media cell a fixed, non-shrinking 72x72 circle with
 * overflow hidden (mirroring the homepage `.authority__portrait` treatment),
 * and let the image fill it with object-fit: cover. Only these two selectors
 * are affected; no other site image changes.
 */
.author-box__media {
	flex: 0 0 72px;
	width: 72px;
	height: 72px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
}

.author-box__media img {
	width: 100%;
	height: 100%;
	max-width: none;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: 50% 50%;
	border-radius: 50%;
	display: block;
}

/* Keep the portrait a fixed circle even when the card stacks on small screens. */
@media (max-width: 560px) {
	.author-box__media {
		flex: 0 0 72px;
		width: 72px;
		height: 72px;
	}
}