/**
 * Sidebar author card on single posts.
 *
 * The design system stylesheet is scoped to the homepage and category
 * archives, so it is not available here. These values are declared literally
 * and match the Emerald Odyssey tokens: ink #0A3C30, muted #3D5B52, soft
 * #557166, rule #D3E8E1, rule-strong #A9D2C6, accent #00674F.
 *
 * Square photo with sharp corners rather than the usual round avatar, because
 * the rest of the site sets --ha-radius to 0 and reads as editorial rather
 * than social.
 *
 * Loaded on single posts only, enqueued by inc/author-card.php.
 *
 * @package GeneratePress_Child
 */

/* White surface to match the article container beside it, anchored by a single
   rule across the top. No surrounding border: the page ground behind the sidebar
   is #F7FCFA, so the white block is close to the ground on the other three sides
   and the top rule plus the padding is what gives the card its presence. */
.ha-author-card {
	margin: 0 0 2rem;
	padding: 1.5rem;
	background-color: #FFFFFF;
	border-top: 2px solid #0A3C30;
}

.ha-author-card__figure {
	margin: 0 0 0.9rem;
	line-height: 0;
}

.ha-author-card__image {
	display: block;
	width: 120px;
	height: auto;
	max-width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 0;
}

.ha-author-card__label {
	margin: 0 0 0.2rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #00674F;
}

.ha-author-card__name {
	margin: 0 0 0.55rem;
	font-family: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: -0.01em;
	color: #0A3C30;
}

.ha-author-card__bio {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: #3D5B52;
}

/* GeneratePress pads .inside-article by 30px on mobile but leaves the sidebar
   flush to the screen edge, so nothing in the sidebar lines up with the
   article above it. Matching that padding aligns this card, and the widgets
   below it, with the body text. This mirrors GeneratePress's mobile content
   padding: if that customizer value changes, change this too.

   The card stays stacked here. Sitting the photo beside the text was tried,
   and once the card had its own padding it left the biography in a 161px
   column running at 21 characters a line, which is not readable. Stacked, the
   text gets the full width of the card. */
@media (max-width: 47.9375em) {
	.inside-right-sidebar {
		padding-left: 30px;
		padding-right: 30px;
	}

	.ha-author-card {
		padding: 1.25rem;
	}

	.ha-author-card__image {
		width: 96px;
	}
}