/* Member profiles rendered by [ea_tim] (inc/ea-tim.php). */

.ea-tim {
	--ea-ink: #242423;
	--ea-muted: #55605c;
	--ea-accent: #466c76;
	--ea-accent-soft: #a6c6cd;
	--ea-card: rgba(255, 255, 255, 0.62);
	--ea-line: rgba(36, 36, 35, 0.1);

	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	color: var(--ea-ink);
}

.ea-clen {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	padding: 18px 16px;
	border: 1px solid var(--ea-line);
	border-radius: 12px;
	background: var(--ea-card);
}

.ea-clen__photo {
	flex: none;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	object-fit: cover;
}

.ea-clen__photo--initials {
	display: grid;
	place-items: center;
	background: var(--ea-accent-soft);
	color: var(--ea-ink);
	font-size: 1.35em;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.ea-clen__body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.ea-clen__body p {
	margin: 0;
}

.ea-clen__name {
	margin: 0;
	font-size: 1.1em;
	font-weight: 600;
	line-height: 1.3;
}

.ea-clen__role {
	color: var(--ea-muted);
	font-size: 0.92em;
}

.ea-clen__bio {
	margin-top: 6px !important;
	font-size: 0.95em;
}

.ea-clen__link {
	margin-top: 6px !important;
	font-size: 0.92em;
}

/* Phones: photo beside the text, so three people don't fill the screen. */
@media (max-width: 480px) {
	.ea-clen {
		flex-direction: row;
		align-items: center;
		gap: 14px;
		padding: 14px;
	}

	.ea-clen__photo {
		width: 56px;
		height: 56px;
	}

	.ea-clen__photo--initials {
		font-size: 1.1em;
	}
}