/*
 * Author page (Figma "Author Page": desktop 3139:3 at 1520px, mobile 3146:2 at 393px).
 * Base tokens, container, breadcrumbs and the signup band are in redesign-base.css.
 */

.aalp-rd-author {
	--rd-line: rgba(12, 62, 97, 0.3);
	--rd-cream: #fbf9f3;
	--rd-tint: #e3f2fd;
	--rd-check: #9dbf6b;
	--rd-ink: #22303b;
	--rd-orange: #ed7000;
	--rd-meta-font: 'Inter', 'Roboto', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
}

/* Reset the old theme's element styles inside the page. */
.aalp-rd-author h1,
.aalp-rd-author h2,
.aalp-rd-author h3,
.aalp-rd-author p,
.aalp-rd-author ul,
.aalp-rd-author li {
	margin: 0;
	padding: 0;
	font-family: inherit;
	letter-spacing: normal;
	text-transform: none;
	color: inherit;
}

.aalp-rd-author ul {
	list-style: none;
}

/*
 * The parent theme's JS (aalplibs main bundle) wraps the content of every "ul > li" and "ol > li"
 * in a bare <span>, and its CSS makes "li > span" black and every li 18px. Take that wrapper out
 * of the layout so the list items keep their own flex layout and colours.
 */
.aalp-rd-author li {
	font-size: inherit;
}

.aalp-rd-author li > span {
	color: inherit;
}

.aalp-rd-author li > span:not([class]) {
	display: contents;
}

.aalp-rd-author a {
	color: inherit;
	text-decoration: none;
}

.aalp-rd-author img {
	max-width: none;
}

/* ---------------------------------------------------------------- Profile (3139:68) */

.aalp-rd-author .rd-author-top {
	background: var(--rd-page);
}

.aalp-rd-author .rd-author-profile {
	display: flex;
	flex-direction: column;
	gap: 36px;
	padding: 48px 0 56px;
}

.aalp-rd-author .rd-author-intro {
	display: flex;
	align-items: flex-start;
	gap: 64px;
}

.aalp-rd-author .rd-author-photo {
	flex: 0 0 186px;
	width: 186px;
	height: 186px;
	padding: 4px; /* 5px inside the 1px border */
	overflow: hidden;
	border: 1px solid var(--rd-line);
	border-radius: 100px;
	background: var(--rd-white);
	box-shadow: 0 6px 14px 0 rgba(37, 59, 80, 0.08);
}

.aalp-rd-author .rd-author-photo__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 100px;
	background: linear-gradient(180deg, #c9d9e6 0%, #8fafc6 100%);
}

.aalp-rd-author .rd-author-bio {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 0 1 880px;
	min-width: 0;
	overflow-wrap: break-word;
}

.aalp-rd-author .rd-author-label {
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	color: var(--rd-muted);
	text-transform: uppercase;
}

.aalp-rd-author .rd-author-name {
	font-size: 56px;
	line-height: 66px;
	font-weight: 700;
	color: var(--rd-navy);
}

.aalp-rd-author .rd-author-role {
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	color: var(--rd-navy);
}

.aalp-rd-author .rd-author-text {
	display: flex;
	flex-direction: column;
	gap: 14px;
	padding-top: 6px;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	color: var(--rd-navy);
}

.aalp-rd-author .rd-author-text p {
	font-size: inherit;
	line-height: inherit;
}

.aalp-rd-author .rd-author-text a {
	text-decoration: underline;
	text-decoration-color: var(--rd-orange);
}

/* Stats (3139:80): one white box, cells split by vertical rules */
.aalp-rd-author .rd-author-stats {
	display: flex;
	background: var(--rd-white);
	border: 1px solid var(--rd-line);
	color: var(--rd-navy);
}

.aalp-rd-author .rd-author-stat {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
	height: 110px; /* 112 with the box border */
	padding: 21px 19px; /* Figma measures 22px 20px from the box edge */
	border-right: 1px solid var(--rd-line);
}

.aalp-rd-author .rd-author-stat:last-child {
	border-right: 0;
}

.aalp-rd-author .rd-author-stat__value {
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
}

.aalp-rd-author .rd-author-stat__label {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

/* ---------------------------------------------------------------- Articles and sidebar (3139:93) */

.aalp-rd-author .rd-author-body {
	background: var(--rd-cream);
}

.aalp-rd-author .rd-author-columns {
	display: flex;
	align-items: flex-start;
	gap: 52px;
	padding-top: 64px;
	padding-bottom: 72px;
}

.aalp-rd-author .rd-author-articles {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 24px;
	min-width: 0;
}

.aalp-rd-author .rd-author-articles__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	min-height: 56px;
	border-bottom: 1px solid var(--rd-line);
}

.aalp-rd-author .rd-author-articles__title {
	font-size: 34px;
	line-height: 44px;
	font-weight: 700;
	color: var(--rd-navy);
}

.aalp-rd-author .rd-author-articles__count {
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: var(--rd-muted);
	white-space: nowrap;
}

.aalp-rd-author .rd-author-empty {
	font-size: 20px;
	line-height: 30px;
	color: var(--rd-navy);
}

/* Article row (3139:98) */
.aalp-rd-author .rd-author-card {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	padding: 24px;
	border-radius: 23px;
	background: var(--rd-white);
}

.aalp-rd-author .rd-author-card__media {
	display: block;
	flex: 0 0 212px;
	width: 212px;
	height: 132px;
	overflow: hidden;
	border-radius: 5px;
	background: linear-gradient(180deg, #e7f0f5 0%, #cbdde7 100%);
}

.aalp-rd-author .rd-author-card__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aalp-rd-author .rd-author-card__body {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 10px;
	min-width: 0;
	overflow-wrap: break-word;
	color: var(--rd-navy);
}

.aalp-rd-author .rd-author-card__topic {
	font-size: 12px;
	line-height: 18px;
	font-weight: 500;
	text-transform: uppercase;
}

.aalp-rd-author .rd-author-card__title {
	font-size: 26px;
	line-height: 34px;
	font-weight: 700;
}

.aalp-rd-author .rd-author-card__title a:hover {
	text-decoration: underline;
}

.aalp-rd-author .rd-author-card__excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}

.aalp-rd-author .rd-author-card__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 15px;
	padding-top: 3px;
	font-family: var(--rd-meta-font);
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: var(--rd-muted);
	white-space: nowrap;
}

.aalp-rd-author .rd-author-card__date {
	font-weight: 500;
	color: var(--rd-ink);
}

/* Outline pill buttons (3139:165, 3139:240) */
.aalp-rd-author .rd-author-more {
	display: flex;
	justify-content: center;
	padding-top: 28px;
}

.aalp-rd-author .rd-author-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 11px 25px; /* Figma 12px 26px with the 1.5px stroke inside; Chrome draws it 1px at 1x: 42px tall */
	border: 1.5px solid var(--rd-line);
	border-radius: 999px;
	font-size: 15px;
	line-height: 18px;
	font-weight: 700;
	color: var(--rd-navy);
	white-space: nowrap;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.aalp-rd-author .rd-author-btn--small {
	align-self: flex-start;
	font-size: 14px;
	line-height: 16px;
}

.aalp-rd-author .rd-author-btn:hover,
.aalp-rd-author .rd-author-btn:focus-visible {
	border-color: var(--rd-navy);
	background: var(--rd-white);
}

/* ---------------------------------------------------------------- Sidebar (3139:167) */

.aalp-rd-author .rd-author-sidebar {
	display: flex;
	flex: 0 0 340px;
	flex-direction: column;
	gap: 24px;
	width: 340px;
}

.aalp-rd-author .rd-author-card-side {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 28px 24px;
	border-radius: 23px;
	background: var(--rd-white);
	color: var(--rd-navy);
	overflow-wrap: break-word;
}

.aalp-rd-author .rd-author-card-side--tint {
	background: var(--rd-tint);
}

.aalp-rd-author .rd-author-side-title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--rd-navy);
}

/* Credentials (3139:170) */
.aalp-rd-author .rd-author-cred {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 10px 0; /* 11px in Figma, where the rule sits inside the row */
	border-bottom: 1px solid var(--rd-line);
}

.aalp-rd-author .rd-author-cred:first-child {
	padding-top: 9px;
}

.aalp-rd-author .rd-author-cred:last-child {
	padding-bottom: 8px;
	border-bottom: 0;
}

.aalp-rd-author .rd-author-cred__check {
	flex: 0 0 20px;
	width: 20px;
	font-size: 23px;
	line-height: 26px;
	font-weight: 700;
	color: var(--rd-check);
}

.aalp-rd-author .rd-author-cred__text {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	min-width: 0;
	font-size: 18px;
	line-height: 27px;
}

.aalp-rd-author .rd-author-cred__title {
	font-weight: 500;
}

.aalp-rd-author .rd-author-cred__detail {
	font-weight: 400;
}

/* Find <name> elsewhere (3139:193) */
.aalp-rd-author .rd-author-link {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 0 13px; /* 14px in Figma, where the rule sits inside the row */
	border-bottom: 1px solid var(--rd-line);
}

.aalp-rd-author .rd-author-links li:first-child .rd-author-link {
	padding-top: 4px;
}

.aalp-rd-author .rd-author-links li:last-child .rd-author-link {
	padding-bottom: 10px;
	border-bottom: 0;
}

.aalp-rd-author .rd-author-link__icon {
	display: flex;
	flex: 0 0 30px;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background: var(--rd-navy);
	font-size: 12px;
	line-height: normal;
	font-weight: 700;
	color: var(--rd-white);
}

.aalp-rd-author .rd-author-link__text {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.aalp-rd-author .rd-author-link__label {
	font-size: 15px;
	line-height: normal;
	color: var(--rd-navy);
}

.aalp-rd-author .rd-author-link:hover .rd-author-link__label {
	text-decoration: underline;
}

.aalp-rd-author .rd-author-link__sub {
	font-family: var(--rd-meta-font);
	font-size: 12px;
	line-height: normal;
	color: var(--rd-muted);
	overflow-wrap: anywhere;
}

/* Also published in (3139:214) */
.aalp-rd-author .rd-author-pub {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 12px 0 13px; /* 14px in Figma, where the rule sits inside the row */
	border-bottom: 1px solid var(--rd-line);
}

.aalp-rd-author .rd-author-pub:first-child {
	padding-top: 4px;
}

.aalp-rd-author .rd-author-pub:last-child {
	padding-bottom: 10px;
	border-bottom: 0;
}

.aalp-rd-author .rd-author-pub__title {
	font-size: 15px;
	line-height: 20px;
	color: var(--rd-navy);
}

.aalp-rd-author a.rd-author-pub__title {
	text-decoration: underline;
	text-decoration-color: var(--rd-orange);
	text-decoration-thickness: from-font;
	text-underline-position: from-font;
}

.aalp-rd-author .rd-author-pub__detail {
	font-family: var(--rd-meta-font);
	font-size: 12px;
	line-height: normal;
	color: var(--rd-muted);
}

/* Writes about (3139:226) */
.aalp-rd-author .rd-author-topics {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.aalp-rd-author .rd-author-topic {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 7px 14px; /* 8px 15px inside the 1px border */
	border: 1px solid var(--rd-line);
	border-radius: 999px;
	background: var(--rd-white);
	white-space: nowrap;
}

.aalp-rd-author .rd-author-topic:hover {
	border-color: var(--rd-navy);
}

.aalp-rd-author .rd-author-topic__name {
	font-size: 13.5px;
	line-height: 16px;
	font-weight: 500;
	color: var(--rd-navy);
}

.aalp-rd-author .rd-author-topic__count {
	font-family: var(--rd-meta-font);
	font-size: 12px;
	line-height: 15px;
	color: var(--rd-muted);
}

/* More from our team (3139:238) */
.aalp-rd-author .rd-author-team-text {
	margin-bottom: -4px; /* text-to-button gap is 16px, card gap is 20px */
	font-size: 18px;
	line-height: 27px;
	color: var(--rd-navy);
}

/* ---------------------------------------------------------------- In between */

@media (max-width: 1279px) {
	.aalp-rd-author .rd-author-columns {
		gap: 40px;
	}

	.aalp-rd-author .rd-author-sidebar {
		flex-basis: 300px;
		width: 300px;
	}
}

/* Sidebar below the articles, its cards in two columns */
@media (max-width: 1023px) {
	.aalp-rd-author .rd-author-intro {
		gap: 40px;
	}

	.aalp-rd-author .rd-author-columns {
		flex-direction: column;
		align-items: stretch;
	}

	.aalp-rd-author .rd-author-sidebar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		width: auto;
	}
}

/* ---------------------------------------------------------------- Mobile (3146:2) */

@media (max-width: 767px) {
	.aalp-rd.aalp-rd-author {
		--rd-inset: 16px;
	}

	.aalp-rd-author .rd-breadcrumbs {
		padding-top: 16px;
	}

	.aalp-rd-author .rd-breadcrumbs ol {
		font-size: 12px;
		line-height: 18px;
	}

	/* Profile (3146:372) */
	.aalp-rd-author .rd-author-profile {
		gap: 24px;
		padding: 24px 0 32px;
	}

	.aalp-rd-author .rd-author-intro {
		flex-direction: column;
		gap: 20px;
	}

	.aalp-rd-author .rd-author-photo {
		flex: 0 0 auto;
		width: 120px;
		height: 120px;
	}

	.aalp-rd-author .rd-author-bio {
		flex: 0 0 auto;
		width: 100%;
		gap: 12px;
	}

	.aalp-rd-author .rd-author-name {
		font-size: 40px;
		line-height: 48px;
	}

	.aalp-rd-author .rd-author-role {
		font-size: 18px;
		line-height: 28px;
	}

	.aalp-rd-author .rd-author-text {
		gap: 12px;
		padding-top: 0;
		font-size: 18px;
		line-height: 28px;
	}

	/* Stats (3146:383): separate boxes, two per row */
	.aalp-rd-author .rd-author-stats {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
		background: none;
		border: 0;
	}

	.aalp-rd-author .rd-author-stat {
		height: 112px;
		padding: 17px 15px; /* 18px 16px inside the 1px border */
		border: 1px solid var(--rd-line);
		background: var(--rd-white);
	}

	.aalp-rd-author .rd-author-stat:last-child {
		border-right: 1px solid var(--rd-line);
	}

	.aalp-rd-author .rd-author-stat__value {
		font-size: 30px;
		line-height: 36px;
	}

	.aalp-rd-author .rd-author-stat__label {
		font-size: 14px;
		line-height: 20px;
	}

	/* Articles and details (3146:396) */
	.aalp-rd-author .rd-author-columns {
		gap: 24px;
		padding-top: 24px;
		padding-bottom: 32px;
	}

	.aalp-rd-author .rd-author-articles {
		gap: 16px;
	}

	.aalp-rd-author .rd-author-articles__head {
		flex-direction: column;
		gap: 8px;
		min-height: 0;
		border-bottom: 0;
	}

	.aalp-rd-author .rd-author-articles__title {
		font-size: 30px;
		line-height: 38px;
	}

	.aalp-rd-author .rd-author-articles__count {
		line-height: 20px;
	}

	.aalp-rd-author .rd-author-card {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
		padding: 15px; /* 16px inside the 1px border */
		border: 1px solid var(--rd-line);
		border-radius: 20px;
	}

	.aalp-rd-author .rd-author-card__media {
		flex: 0 0 auto;
		width: 100%;
		height: auto;
		aspect-ratio: 329 / 160;
		border-radius: 12px;
	}

	.aalp-rd-author .rd-author-card__body {
		gap: 12px;
	}

	.aalp-rd-author .rd-author-card__title {
		font-size: 22px;
		line-height: 30px;
	}

	.aalp-rd-author .rd-author-card__excerpt {
		-webkit-line-clamp: 4;
		font-size: 16px;
		line-height: 24px;
	}

	.aalp-rd-author .rd-author-card__meta {
		column-gap: 12px;
		row-gap: 4px;
		padding-top: 0;
		font-family: inherit;
		font-size: 13px;
	}

	.aalp-rd-author .rd-author-more {
		padding-top: 16px;
	}

	.aalp-rd-author .rd-author-btn {
		padding: 11px 23px; /* 40px tall */
		font-size: 14px;
		line-height: 16px;
	}

	.aalp-rd-author .rd-author-btn--small {
		padding-left: 19px;
		padding-right: 19px;
	}

	/* Sidebar cards (3146:464) */
	.aalp-rd-author .rd-author-sidebar {
		display: flex;
		align-items: stretch;
		gap: 16px;
	}

	.aalp-rd-author .rd-author-card-side {
		gap: 16px;
		padding: 19px 15px; /* 20px 16px inside the 1px border */
		border: 1px solid var(--rd-line);
		border-radius: 20px;
	}

	.aalp-rd-author .rd-author-creds,
	.aalp-rd-author .rd-author-links,
	.aalp-rd-author .rd-author-pubs {
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.aalp-rd-author .rd-author-cred {
		gap: 12px;
		padding: 12px 0 11px; /* 12px with Figma's inside rule */
	}

	.aalp-rd-author .rd-author-cred:first-child {
		padding-top: 10px;
	}

	.aalp-rd-author .rd-author-cred:last-child {
		padding-bottom: 12px;
	}

	.aalp-rd-author .rd-author-cred__check {
		flex-basis: 17px;
		width: 17px;
		font-size: 20px;
		line-height: 24px;
	}

	.aalp-rd-author .rd-author-cred__text {
		gap: 2px;
		font-size: 16px;
		line-height: 24px;
	}

	.aalp-rd-author .rd-author-link {
		align-items: flex-start;
		padding: 12px 0 11px;
	}

	.aalp-rd-author .rd-author-links li:first-child .rd-author-link {
		padding-top: 10px;
	}

	.aalp-rd-author .rd-author-links li:last-child .rd-author-link {
		padding-bottom: 12px;
	}

	.aalp-rd-author .rd-author-link__icon {
		flex-basis: 32px;
		width: 32px;
		height: 32px;
		border-radius: 8px;
	}

	.aalp-rd-author .rd-author-link__text {
		gap: 2px;
	}

	.aalp-rd-author .rd-author-link__sub,
	.aalp-rd-author .rd-author-pub__detail {
		font-family: inherit;
		font-size: 14px;
		line-height: 20px;
	}

	.aalp-rd-author .rd-author-pub {
		padding: 12px 0 11px;
	}

	.aalp-rd-author .rd-author-pub:first-child {
		padding-top: 8px;
	}

	.aalp-rd-author .rd-author-pub:last-child {
		padding-bottom: 12px;
	}

	.aalp-rd-author .rd-author-topic {
		padding-left: 11px;
		padding-right: 11px;
	}

	.aalp-rd-author .rd-author-team-text {
		font-size: 16px;
		line-height: 24px;
	}
}