/**
 * Author Byline: about-the-author box at the end of an insight.
 */
.colab-author-byline {
	display: grid;
	grid-template-columns: 7.5rem 1fr;
	gap: var(--wp--preset--spacing--50);
	align-items: start;
	margin-block-start: var(--wp--preset--spacing--70);
	padding-block-start: var(--wp--preset--spacing--60);
	border-block-start: 1px solid var(--wp--preset--color--slate);
}

.colab-author-byline:not(:has(.colab-author-byline__photo)) {
	grid-template-columns: 1fr;
}

.colab-author-byline__photo img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 100%;
}

.colab-author-byline__body > * {
	margin-block: 0;
}

.colab-author-byline__brow {
	font-family: var(--wp--preset--font-family--dm-mono);
	font-size: var(--wp--preset--font-size--small);
	text-transform: uppercase;
	color: var(--wp--preset--color--navy-70);
}

.colab-author-byline__name {
	margin-block-start: var(--wp--preset--spacing--10) !important;
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 500;
	line-height: 1.3;
}

.colab-author-byline__name a {
	color: var(--wp--preset--color--navy);
	text-decoration: none;
}

.colab-author-byline__name a:hover,
.colab-author-byline__name a:focus-visible {
	text-decoration: underline;
}

.colab-author-byline__title {
	color: var(--wp--preset--color--navy-70);
}

.colab-author-byline__bio {
	margin-block-start: var(--wp--preset--spacing--30) !important;
}

.colab-author-byline__bio p {
	margin-block: 0 var(--wp--preset--spacing--20);
}

.colab-author-byline__links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--50);
	margin-block-start: var(--wp--preset--spacing--30) !important;
	padding: 0;
	list-style: none;
	font-family: var(--wp--preset--font-family--dm-mono);
	font-size: var(--wp--preset--font-size--small);
}

.colab-author-byline__links a {
	color: var(--wp--preset--color--blue);
}

.colab-author-byline__links a::after {
	content: " \2197";
}

@media (max-width: 600px) {
	.colab-author-byline {
		grid-template-columns: 4.5rem 1fr;
		gap: var(--wp--preset--spacing--40);
	}
}