.author-page {
	padding: var(--spacing-10) 0 var(--spacing-16);
}

.author-profile {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: var(--spacing-4);
	max-width: 700px;
	margin: 0 auto var(--spacing-12);
}
.author-profile h1 {
	font-family: var(--font-title);
	margin: 0 0 var(--spacing-1);
}
.author-role {
	opacity: 0.7;
	font-size: var(--text-base);
	margin: 0 0 var(--spacing-3);
}
.author-avatar-large {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	object-fit: cover;
}

.author-page h2 {
	font-family: var(--font-title);
	margin-bottom: var(--spacing-6);
}

.articles-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--spacing-8);
}

/* Authors index grid */
.authors-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--spacing-8);
	text-align: center;
}
.author-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: inherit;
	padding: var(--spacing-6);
	border-radius: var(--rounded-xl);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.author-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-md);
}
.author-card h2 {
	font-family: var(--font-title);
	font-size: var(--text-lg);
	margin: var(--spacing-3) 0 var(--spacing-1);
}

@media screen and (min-width: 40rem) {
	.author-profile {
		flex-direction: row;
		text-align: left;
	}
	.articles-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.authors-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (min-width: 72rem) {
	.articles-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.authors-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}