/* Page layout */
body {
	font-family: system-ui, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
	padding: 0 2rem 2rem 2rem;
}

/* Headings */
h1 {
	margin-bottom: .3rem;
}

h1 a {
	color: #000;
	text-decoration: none;
}

.header-bar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 0.9rem;
	border-bottom: 1px solid #aaa;
}

.view-select-wrapper {
	font-size: 0.9rem;
}

.view-select-wrapper label {
	margin-right: 0.25rem;
}

.view-select-wrapper select {
	font-size: .9rem;
	padding: 0.25rem 0.5rem;
	margin-bottom: 1.2rem;
}

/* Person block */
.person {
	overflow: auto;
	margin-bottom: 1rem;
}

.person-card {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
/* .person-card:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
} */

/* Person name line */
.person-name {
	margin-bottom: 0.25rem;
	font-size: 1.5rem;
	font-weight: bold;
}

/* Person subtitle */
.person-subtitle {
	font-size: 1rem;
	font-weight: normal;
}

/* Person description */
.person-description {
	font-size: 0.875rem;
	margin-bottom: 0.5rem;
}

/* Article list */
.article-list {
	margin-top: 0.3rem;
}

.article-item {
	margin: 0.15em 0;
}

/* Favicons */
.article-item img {
	vertical-align: text-bottom;
	margin-right: 0.3em;
}

/* Person images */
.person-image {
	float: right;
	margin-left: 1em;
	width: 120px;
	height: 120px;
	object-fit: cover;
	object-position: top;
	border-radius: 4px;
}

footer {
	padding-top: .5rem;
	font-size: 1.3rem;
}

@media (max-width: 800px) {
	.person-image {
		display: none;
		margin: 0; /* optional cleanup */
	}
}