/* author-note — the end-of-piece note on a signed essay or post.
   Geometry only; color and type come from tokens and voices.
   Markup: templates/components/author-note.php
   Scaffold: basic structure, needs a real design pass. */

author-note {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1em;
	max-width: 36em;
	padding-top: 1.5em;
	border-top: 1px solid var(--stroke-primary);

	&:has(> .photo) {
		grid-template-columns: 10em 1fr;
		align-items: start;
	}

	/* 16:9 like the site's other media (video, figure, chart), not the
	   usual avatar circle. Faces sit in the upper third of most headshots,
	   so the crop favors the top. */
	.photo {
		aspect-ratio: 16 / 9;
		object-fit: cover;
		object-position: center 30%;
	}

	text-content > * + * {
		margin-top: 0.25em;
	}
}