/* TTO Article Byline */
.tto-ab-head {
	--tto-ab-accent: #3aa64a;
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0 0 28px;
}
.tto-ab-date {
	margin: 0;
	font-size: 14px;
	color: #5d6878;
}
.tto-ab-share {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.tto-ab-s {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff !important;
	text-decoration: none !important;
	transition: transform .15s ease, opacity .15s ease;
}
.tto-ab-s svg { width: 22px; height: 22px; }
.tto-ab-s:hover { transform: translateY(-2px); opacity: .9; }
.tto-ab-s:focus-visible { outline: 3px solid var(--tto-ab-accent); outline-offset: 2px; }
.tto-ab-s-fb { background: #3b5998; }
.tto-ab-s-x  { background: #111; }
.tto-ab-s-wa { background: #1e9e50; }
.tto-ab-s-em { background: #d9dcd9; color: #3a4350 !important; }

.tto-ab-byline {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 0;
	border-top: 1px solid #dfe3e0;
	border-bottom: 1px solid #dfe3e0;
}
.tto-ab-photo {
	flex: none;
	border-radius: 50%;
	object-fit: cover;
	background: #dfe7e0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	color: #1f5e3a;
	margin: 0 !important;
}
.tto-ab-photo-lg {
	width: 64px;
	height: 64px;
	border: 3px solid var(--tto-ab-accent);
	font-size: 22px;
}
.tto-ab-photo-md {
	width: 48px;
	height: 48px;
	font-size: 17px;
}
.tto-ab-who,
.tto-ab-box-who > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.tto-ab-by {
	font-size: 17px;
	color: #1c2533;
}
.tto-ab-name {
	font-weight: 600;
	color: #1f7a34;
	text-decoration: none;
}
a.tto-ab-name:hover { text-decoration: underline; }
.tto-ab-role {
	font-size: 15px;
	color: #4a5566;
}

.tto-ab-box {
	--tto-ab-accent: #3aa64a;
	margin: 36px 0 8px;
	padding: 20px;
	background: #fff;
	border: 1px solid #dfe3e0;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.tto-ab-box-label {
	margin: 0;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #5d6878;
}
.tto-ab-box-who {
	display: flex;
	align-items: center;
	gap: 14px;
}
.tto-ab-box-name {
	font-weight: 600;
	font-size: 16px;
	color: #1c2a4a;
}
.tto-ab-bio {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: #3a4350;
}
.tto-ab-more {
	align-self: flex-start;
	padding: 12px 16px;
	border-radius: 8px;
	background: #1f5e3a;
	color: #fff !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
}
.tto-ab-more:hover { background: #174a2d; }
.tto-ab-author-intro { margin: 0 0 28px; }

@media (prefers-reduced-motion: reduce) {
	.tto-ab-s { transition: none; }
	.tto-ab-s:hover { transform: none; }
}