/* # Control the layout ourselves for this page - it's a bit more text than usual */
:root {
	--main-content-width: calc(var(--line-length) + 10em);
	/* Always show the TOC */
	--toc-on-small-screens: var(--toc-shown);
}

/* # Other general styling */

.bio-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 120%;
}

.bio-list ul li {
	display: flex;
	flex-direction: row;
	padding: 15px;
	gap: 20px;
	border-bottom: 1px solid var(--border-color-subtle);
}

.bio-list ul li:last-child {
	border-bottom: none;
}

.author-img {
	height: 100%;
	width: 100px;
}

/* TODO(restioson): make this standard across other pages */
.author-txt {
    line-height: 150%; /* FL mei 2015, was 180% */
}

.bio-list h2 {
	margin-top: 0;
	margin-bottom: 10px;
}

@media (max-width: 600px) { /* Too small to comfortably fit the image next to the text */
	.bio-list ul li {
		flex-direction: column;
	}

	.author-img {
		width: 40%;
		margin-left: auto;
		margin-right: auto;
	}
}