/* Author & Reviewer Workflow — front-end byline (date | author | reviewer) */
.ar-byline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em;
	font-size: 0.9em;
	line-height: 1.4;
	color: #555;
}

.ar-byline-item {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
}

.ar-byline-label {
	opacity: 0.75;
}

.ar-byline-person {
	display: inline-flex;
	align-items: center;
	gap: 0.4em;
	text-decoration: none;
	font-weight: 600;
	color: inherit;
}

.ar-byline-person:hover .ar-byline-name {
	text-decoration: underline;
}

/* Avatars: round, and never stretched by a theme's generic img rules. */
.ar-byline-avatar {
	display: inline-flex;
	flex: 0 0 auto;
}

.ar-byline-avatar img {
	display: block;
	width: auto;
	height: auto;
	max-width: none;
	border-radius: 50%;
}

.ar-byline-sep {
	opacity: 0.45;
	user-select: none;
}

/* ---------------------------------------------------------------------------
   [post_byline_group] — both pictures stacked on the left, then
   "Written by … | Reviewed by … on {date}" as one run of text.
   --------------------------------------------------------------------------- */
.ar-byline-stacked {
	gap: 0.7em;
	color: inherit;
}

.ar-byline-stacked .ar-byline-text {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4em;
}

/* The overlapping avatar stack. Each ring is drawn with the page background so
   the circles read as separate discs wherever the byline sits. */
.ar-byline-avatars {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
}

.ar-byline-avatars .ar-byline-avatar + .ar-byline-avatar {
	margin-left: -0.55em;
}

.ar-byline-avatars img {
	box-shadow: 0 0 0 2px #fff;
}

/* Names read as plain underlined links here, matching a conventional byline. */
.ar-byline-stacked .ar-byline-person {
	font-weight: inherit;
}

.ar-byline-stacked .ar-byline-name {
	text-decoration: underline;
}

.ar-byline-stacked .ar-byline-label {
	opacity: 1;
}

/* [profile_bio] — reviewer / author biographical block */
.ar-bio {
	font-size: 0.95em;
	line-height: 1.6;
	color: inherit;
}

.ar-bio-avatar {
	margin-bottom: 0.75em;
}

.ar-bio-avatar img {
	border-radius: 50%;
	height: auto;
}

.ar-bio-name {
	margin: 0 0 0.35em;
	font-size: 1.15em;
	font-weight: 700;
}

.ar-bio-text p:last-child {
	margin-bottom: 0;
}