/* =========================================================================
   pages-blog.css — Aurora wave BLOG (single.php)
   Project: mikekarni · theme teya-generated-site
   Scope: ALL selectors under .site-main--single. Tokens from assets/dist/style.css.
   T14 / BL-1: авторский блок под текстом статьи (фото + подпись + CTA-канон).
   ========================================================================= */

/* -------------------------------------------------------------------------
   META — имя автора ссылкой на /about/ (T14 / 14.12)
   ------------------------------------------------------------------------- */
.site-main--single .meta-author__link {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid var(--outline);
}

.site-main--single .meta-author__link:hover,
.site-main--single .meta-author__link:focus-visible {
	color: var(--color-secondary);
	border-bottom-color: var(--color-secondary);
}

/* -------------------------------------------------------------------------
   AUTHOR BLOCK (BL-1) — dark surface card после </article>
   ------------------------------------------------------------------------- */
.site-main--single .post-author {
	display: flex;
	align-items: center;
	gap: var(--space-md);
	margin-top: var(--space-xl);
	padding: var(--space-md);
	background-color: var(--surface-low);
	border: 1px solid var(--outline-variant);
	border-radius: var(--radius-lg);
}

.site-main--single .post-author__media {
	flex: 0 0 auto;
}

.site-main--single .post-author__photo {
	display: block;
	width: 112px;
	height: 112px;
	object-fit: cover;
	object-position: 50% 20%;
	border-radius: var(--radius-pill);
	border: 1px solid var(--outline);
}

.site-main--single .post-author__body {
	min-width: 0;
}

.site-main--single .post-author__name {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--fs-headline-sm);
	font-weight: 600;
	line-height: 1.3;
}

.site-main--single .post-author__text {
	margin: var(--space-xs) 0 0;
	color: var(--muted);
	max-width: 46ch;
}

.site-main--single .post-author__cta {
	margin-top: var(--space-sm);
}

@media (max-width: 640px) {
	.site-main--single .post-author {
		flex-direction: column;
		align-items: flex-start;
	}

	.site-main--single .post-author__photo {
		width: 88px;
		height: 88px;
	}
}