/* ============================================================
   Exchanged Timeline — Author / Work of the Day cards
   ([et_author_of_the_day], [et_work_of_the_day])
   ============================================================ */

.et-otd {
	background: #fff;
	border: 1px solid #dcdcde;
	border-radius: 6px;
	padding: 1.1em 1.25em 1em;
	margin: 1em 0;
	max-width: 640px;
}

.et-otd-header {
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: .07em;
	color: #2271b1;
	font-weight: 700;
	margin-bottom: .65em;
}

.et-otd-body {
	display: flex;
	gap: 1em;
	align-items: flex-start;
}

.et-otd-image {
	flex: 0 0 110px;
}
.et-otd-image img {
	width: 110px;
	height: 110px;
	object-fit: cover;
	border-radius: 4px;
	border: 1px solid #dcdcde;
	display: block;
}
/* Works tend to be book covers — letterbox rather than square crop. */
.et-otd-image--work img {
	height: 150px;
	object-fit: contain;
	background: #f6f7f7;
}

.et-otd-content { flex: 1; min-width: 0; }

.et-otd-name {
	margin: 0 0 .25em;
	font-size: 1.25em;
	line-height: 1.25;
}
.et-otd-name a { color: inherit; text-decoration: none; }
.et-otd-name a:hover { text-decoration: underline; }

.et-otd-byline,
.et-otd-year {
	color: #646970;
	font-size: .9em;
	margin: 0 0 .2em;
}

.et-otd-blurb {
	margin: .6em 0 .5em;
	color: #3c434a;
	font-size: .95em;
	line-height: 1.5;
}

.et-otd-link {
	display: inline-block;
	margin-top: .25em;
	color: #2271b1;
	font-weight: 600;
	text-decoration: none;
	font-size: .95em;
}
.et-otd-link:hover { text-decoration: underline; }

/* Stack on narrow screens. */
@media ( max-width: 480px ) {
	.et-otd-body { flex-direction: column; }
	.et-otd-image { flex: 0 0 auto; }
	.et-otd-image img,
	.et-otd-image--work img {
		width: 100%;
		max-width: 220px;
		height: auto;
	}
}