/* Single article layout. */

.single-article { max-width: 720px; margin: 0 auto; }
.single-article__title { font-size: 1.85rem; line-height: 1.3; margin: 8px 0 16px; }

.single-article__byline { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.single-article__byline img { border-radius: 50%; }
.single-article__author { font-weight: 700; color: var(--fmnews-text); }
.single-article__dates { font-size: 0.8rem; color: var(--fmnews-muted); }

.single-article__media { margin: 0 0 20px; }
.single-article__media img { border-radius: 4px; aspect-ratio: 16 / 9; object-fit: cover; }
.single-article__media figcaption { font-size: 0.8rem; color: var(--fmnews-muted); margin-top: 6px; }

.single-article__content { font-size: 1.0625rem; }
.single-article__content p { margin: 0 0 1.2em; }
.single-article__content h2, .single-article__content h3 { margin: 1.6em 0 0.6em; }
.single-article__content img { border-radius: 4px; margin: 1em 0; }

.single-article__tags { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 8px; }
.single-article__tags a {
	font-size: 0.8rem;
	background: var(--fmnews-subtle);
	color: var(--fmnews-text);
	padding: 4px 10px;
	border-radius: 999px;
}

.author-box {
	display: flex;
	gap: 16px;
	background: var(--fmnews-subtle);
	border-radius: 6px;
	padding: 16px;
	margin-top: 24px;
}
.author-box__label { font-size: 0.75rem; text-transform: uppercase; color: var(--fmnews-muted); margin: 0; }
.author-box__name { font-weight: 700; font-size: 1.0625rem; }
.author-box__title { font-size: 0.8rem; color: var(--fmnews-primary); margin: 2px 0 0; }
.author-box__bio { font-size: 0.9rem; color: var(--fmnews-muted); margin: 6px 0 0; }

.comments-area { max-width: 720px; margin: 32px auto 0; }
.comment-list { list-style: none; padding: 0; }