.author .site-main {
	--size-sidebar: 360px;
	display: flex;
	flex-wrap: wrap;
	padding: 48px 0 68px;
}

.author .sidebar-inner {
	position: sticky;
	top: var(--sticky-offset);
}

.author-card {
	width: 100%;
	padding: 28px;
	background-color: var(--white);
	border-radius: var(--rounded-lg);
	box-shadow: var(--shadow-fill);
}

.photo-author {
	--size-photo: 128px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.photo-author img {
	width: var(--size-photo);
	height: var(--size-photo);
	border-radius: var(--rounded-full);
}

.branding-author {
	text-align: center;
	margin-top: 16px;
}

.name-branding {
	font-size: var(--text-lg);
	margin-bottom: 4px;
}

.job-branding {
	font-size: var(--text-sm);
	color: var(--orange);
}

.profile-author {
	margin-top: 24px;
}

.item-profile-author + .item-profile-author {
	margin-top: 14px;
}

.label-profile {
	--size-icon: 24px;
	position: relative;
	padding-left: calc(var(--size-icon) + 12px);
	padding-top: 2px;
	font-weight: 700;
	color: var(--orange);
}

.label-profile .icon-profile-author {
	position: absolute;
	top: 0;
	left: 0;
	width: var(--size-icon);
	height: var(--size-icon);
	object-fit: contain;
}

.social-author {
	margin-top: 24px;
	padding-left: 0;
	list-style: none;
}

.social-author a[href] {
	--size-icon: 18px;
	position: relative;
	display: inline-block;
	padding-left: calc(var(--size-icon) + 12px);
	color: var(--black);
	font-weight: 500;
	text-decoration: none;
}

.social-author .icon-social-author {
	position: absolute;
	top: 2px;
	left: 0;
	width: var(--size-icon);
	height: var(--size-icon);
	object-fit: contain;
}

@media all and (min-width: 1200px) {
	.author .site-main .site-article {
		width: calc(100% - var(--size-sidebar));
		padding-left: 60px;
	}

	.author .site-main .site-sidebar {
		width: var(--size-sidebar);
	}
}

@media all and (max-width: 1199px) {
	.author .site-main .site-article,
	.author .site-main .site-sidebar {
		width: 100%;
	}

	.author .site-main .site-sidebar {
		order: -1;
		margin-bottom: 32px;
	}
}

@media all and (max-width: 600px) {
	.author-card {
		padding: 16px;
	}
}