/* ═══════════════════════════════════════════════
   AUTHOR ARCHIVE
   Bio hero (avatar + name + description + social
   links) shown above the posts grid on
   /author/<nicename>/. Posts grid below is
   rendered via template-parts/blog-post-list.php
   and uses the shared blog-card styles.
   ═══════════════════════════════════════════════ */

.page-content.author-archive {
	padding-top: 120px;
}

.author-hero {
	display: flex;
	gap: 24px;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 48px;
}

.author-avatar-wrap {
	flex: 0 0 auto;
	border-bottom: 3px solid var(--primary);
	border-radius: 25px;
	overflow: hidden;
	background-color: var(--warm-light);
}

.author-avatar {
	display: block;
}

.author-bio {
	flex: 1 1 320px;
	min-width: 0;
}

.author-bio .headline-lg {
	margin-bottom: 12px;
}

.author-bio .body-lg {
	margin-bottom: 16px;
	max-width: 680px;
}

.author-links {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	font-size: 14px;
}

.author-links a {
	color: var(--fg-secondary);
	text-decoration: none;
	transition: color 0.15s;
}

.author-links a:hover,
.author-links a:focus-visible {
	color: var(--primary);
}