#article-metadata {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.5rem;
}

#article-body {
	line-height: 1.75;
	color: #171717;
}

#article-subtitle {
	font-size: 1.8rem;
	text-align: center;
}

#article-image {
	width: 100%;
	height: 50rem;
	border-radius: 5px;
	object-fit: contain;
	object-position: center;
	background-color: #f7f7f7;
	border: 1px solid #e4e4e4;
}

#metadata,
#article-subtitle,
#article-date {
	color: #333;
}

#article-authors {
	color: #1e1e1e;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.dark #article-image {
	background-color: #151515;
	border: 1px solid #2f2f2f;
}

.dark #metadata,
.dark #article-subtitle,
.dark #article-date,
.dark #article-authors {
	color: #ccc;
}

.dark #article-title {
	color: #eee;
}

.dark #article-body {
	color: #eee;
}
