/*
 * Blog redesign: article page (single post).
 * Figma file Iin1rCjsVG0MCmd7qdiYle, "Blog Article - Desktop" 3140:306 (1520px) and "Blog Article - Mobile" 3142:307 (393px).
 * Every size and colour below comes from those frames. Tokens and the container are in redesign-base.css.
 * Figma's "normal" line height for Roboto is 1.172 (Chrome's is 1.234 for the Google Fonts Roboto), so it is
 * written out as 1.172. Figma draws strokes inside the box: where a box has a border, the CSS padding is the
 * Figma padding minus the border.
 *
 * Sections:
 *   1. Page tokens and shared bits (buttons, section titles)
 *   2. Introduction (3140:366)
 *   3. Layout, sticky contents column and placement card (3140:389)
 *   4. Article body: plain post HTML (headings, lists, images, tables, quotes)
 *   5. Content components (classes writers can use; see list in the report)
 *   6. Existing post snippets mapped onto the components (inline-styled boxes, FAQ cards, references)
 *   7. About the author, share and post navigation (3140:753, 3140:763)
 *   8. Related reading and comments (3140:787)
 *   9. Responsive (mobile values from 3142:307)
 */

/* 1. Page tokens and shared bits ----------------------------------------- */

.aalp-rd-article {
	--rd-body: #263e50;
	--rd-line: #cbd8e1;
	--rd-pale: #e3f2fd;
	--rd-cream: #fbf9f3;
	--rd-green: #edf3e2;
	--rd-placeholder: #d8e6ef;
	--rd-stripe: #f4f8fb;
	--rd-avatar: #a6c1d2;
	--rd-col-side: 260px;
	--rd-col-gap: 70px;
	--rd-col-main: 800px;
}

.aalp-rd-article p,
.aalp-rd-article h1,
.aalp-rd-article h2,
.aalp-rd-article h3,
.aalp-rd-article h4,
.aalp-rd-article figure,
.aalp-rd-article ul,
.aalp-rd-article ol {
	margin: 0;
	font-family: inherit;
	letter-spacing: normal;
	text-transform: none;
}

.aalp-rd-article a {
	color: var(--rd-navy);
}

/* The old theme colours every li brown (#6f6759) at 18px, and its script wraps li text in a span
   coloured black (styles.full.css "ul li>span"). Inside the redesign both follow their container. */
.aalp-rd-article li {
	font-size: inherit;
	color: inherit;
}

.aalp-rd-article li > span {
	font-size: inherit;
	color: inherit;
}

.aalp-rd-article .rd-btn,
.aalp-rd-article .aalp-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 24px;
	border: 0;
	border-radius: 999px;
	background: var(--rd-sky);
	color: var(--rd-navy);
	font-family: inherit;
	font-size: 17px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

.aalp-rd-article .rd-btn:hover,
.aalp-rd-article .aalp-button:hover {
	filter: brightness(0.96);
	color: var(--rd-navy);
	text-decoration: none;
}

.aalp-rd-article .aalp-button--outline {
	padding: 13px 23px;
	border: 1px solid var(--rd-line);
	background: var(--rd-white);
}

.aalp-rd-article .rd-section-title {
	font-size: 34px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--rd-navy);
}

/* 2. Introduction (3140:366) ---------------------------------------------- */

.rd-article-intro {
	padding: 32px 0 56px;
	background: var(--rd-page);
}

.aalp-rd-article .rd-article-intro .rd-breadcrumbs {
	padding-top: 0;
}

.aalp-rd-article .rd-article-intro .rd-breadcrumbs ol {
	font-size: 14px;
	line-height: 1.172;
}

.aalp-rd-article .rd-breadcrumbs li,
.aalp-rd-article .rd-breadcrumbs span {
	font-size: inherit;
	color: inherit;
}

.rd-article-hero {
	display: flex;
	align-items: center;
	gap: 64px;
	margin-top: 44px;
}

.rd-article-hero__text {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	min-width: 0;
}

.aalp-rd-article .rd-article-badge {
	padding: 9px 18px;
	border-radius: 999px;
	background: var(--rd-pale);
	color: var(--rd-navy);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.172;
	text-transform: uppercase;
	text-decoration: none;
}

.aalp-rd-article .rd-article-title {
	font-size: 48px;
	line-height: 1.18;
	font-weight: 700;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article-summary {
	font-size: 23px;
	line-height: 1.55;
	color: var(--rd-body);
}

.rd-article-byline {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	padding-top: 23px;
	border-top: 1px solid var(--rd-line);
}

.aalp-rd-article .rd-article-byline__avatar {
	flex: 0 0 46px;
	width: 46px;
	height: 46px;
	border: 3px solid var(--rd-white);
	border-radius: 50%;
	background: var(--rd-avatar);
	object-fit: cover;
}

.rd-article-byline__details {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.aalp-rd-article .rd-article-byline__name {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
	text-decoration: none;
}

.aalp-rd-article .rd-article-byline__name:hover {
	text-decoration: underline;
}

.rd-article-byline__role {
	font-size: 14px;
	line-height: 1.172;
	color: var(--rd-muted);
}

.rd-article-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
	font-size: 14px;
	line-height: 1.172;
	color: var(--rd-muted);
}

.rd-article-meta__time {
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--rd-pale);
	color: var(--rd-navy);
	font-weight: 600;
}

.rd-article-hero__media {
	display: flex;
	flex: 0 1 580px;
	flex-direction: column;
	gap: 14px;
	min-width: 0;
}

.rd-article-hero__frame {
	aspect-ratio: 580 / 435;
	overflow: hidden;
	border-radius: 6px;
	background: var(--rd-placeholder);
}

.aalp-rd-article .rd-article-hero__img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.rd-article-hero__caption {
	font-size: 14px;
	line-height: 1.6;
	color: var(--rd-muted);
}

/* 3. Layout, contents column and placement card (3140:389) ---------------- */

.rd-article-main {
	padding: 56px 0 64px;
	background: var(--rd-page);
}

.rd-article-layout {
	display: grid;
	grid-template-columns: var(--rd-col-side) minmax(0, var(--rd-col-main));
	column-gap: var(--rd-col-gap);
	align-items: start;
}

.rd-article {
	grid-column: 2;
	min-width: 0;
}

.rd-article-aside {
	position: sticky;
	top: 24px;
	display: flex;
	flex-direction: column;
	gap: 28px;
	max-height: calc(100vh - 48px);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: var(--rd-line) transparent;
}

.admin-bar .rd-article-aside {
	top: 56px;
	max-height: calc(100vh - 80px);
}

.aalp-rd-article .rd-toc__label {
	margin-bottom: 28px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
	text-transform: uppercase;
}

.aalp-rd-article .rd-toc__list {
	padding: 0;
	list-style: none;
}

.aalp-rd-article .rd-toc__item {
	margin: 0;
	padding: 0;
}

.aalp-rd-article .rd-toc__item::before {
	content: none;
}

.aalp-rd-article .rd-toc__link {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 0 13px;
	border-bottom: 1px solid var(--rd-line);
	color: var(--rd-navy);
	text-decoration: none;
}

.rd-toc__num {
	flex: 0 0 auto;
	font-size: 12px;
	line-height: 1.172;
	color: var(--rd-muted);
}

.rd-toc__title {
	flex: 1 1 0;
	min-width: 0;
	font-size: 16px;
	line-height: 1.5;
}

.aalp-rd-article .rd-toc__link:hover .rd-toc__title {
	text-decoration: underline;
}

.aalp-rd-article .rd-toc__link.is-active .rd-toc__title {
	font-weight: 700;
}

.rd-promo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	padding: 24px;
	border-radius: 23px;
	background: var(--rd-pale);
}

.aalp-rd-article .rd-promo__title {
	font-size: 21px;
	line-height: 1.35;
	font-weight: 700;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-promo__text {
	font-size: 19px;
	line-height: 1.75;
	color: var(--rd-body);
}

.aalp-rd-article .rd-promo__link {
	width: 100%;
	font-size: 14px;
	line-height: 1.172;
	text-align: center;
	text-decoration: underline;
}

/* 4. Article body: plain post HTML ---------------------------------------- */

.rd-article__body {
	font-size: 19px;
	line-height: 1.75;
	color: var(--rd-body);
	overflow-wrap: break-word;
}

.rd-article__body::after {
	content: '';
	display: table;
	clear: both;
}

.aalp-rd-article .rd-article__body > div[style*="line-height"] {
	line-height: 1.75 !important;
}

.aalp-rd-article .rd-article__body p {
	margin: 0 0 24px;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

/* Text links only: buttons from older snippets (".btn") keep their own colours. */
.aalp-rd-article .rd-article__body a:not(.btn):not(.aalp-button) {
	color: var(--rd-navy);
	text-decoration: underline;
	text-underline-position: from-font;
}

.aalp-rd-article .rd-article__body strong,
.aalp-rd-article .rd-article__body b {
	font-weight: 700;
}

.aalp-rd-article .rd-article__body h2 {
	clear: both;
	margin: 56px 0 24px;
	font-size: 34px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--rd-navy);
	scroll-margin-top: 24px;
}

.aalp-rd-article .rd-article__body h3 {
	margin: 28px 0;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--rd-navy);
	scroll-margin-top: 24px;
}

.aalp-rd-article .rd-article__body h4 {
	margin: 24px 0 12px;
	font-size: 21px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body p:empty {
	display: none;
}

.aalp-rd-article .rd-article__body > :first-child,
.aalp-rd-article .rd-article__body > div:first-child > :first-child {
	margin-top: 0;
}

.aalp-rd-article .rd-article__body sup {
	font-size: 0.65em;
	line-height: 0;
}

/* Lists: navy bullet, 14px to the text, 12px between items (3140:590). */
.aalp-rd-article .rd-article__body ul,
.aalp-rd-article .rd-article__body ol {
	margin: 0 0 24px;
	padding: 0 0 0 21px;
	list-style: none;
}

.aalp-rd-article .rd-article__body li {
	position: relative;
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}

.aalp-rd-article .rd-article__body li:last-child {
	margin-bottom: 0;
}

.aalp-rd-article .rd-article__body ul > li::before {
	content: '\2022';
	position: absolute;
	top: 0;
	left: -21px;
	font-size: 20px;
	line-height: 1.172;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body li > ul,
.aalp-rd-article .rd-article__body li > ol {
	margin: 12px 0 0 !important;
	padding-left: 28px;
}

.aalp-rd-article .rd-article__body ol {
	padding-left: 28px;
	counter-reset: rd-ol;
}

.aalp-rd-article .rd-article__body ol > li {
	counter-increment: rd-ol;
}

.aalp-rd-article .rd-article__body ol > li::before {
	content: counter(rd-ol) '.';
	position: absolute;
	top: 0;
	left: -28px;
	font-weight: 700;
	color: var(--rd-navy);
}

/* Pull quote (3140:506): plain navy 27px text, no rule or quote marks. */
.aalp-rd-article .rd-article__body blockquote,
.aalp-rd-article .rd-article__body .aalp-pullquote {
	clear: both;
	margin: 0 0 24px;
	padding: 0;
	border: 0;
	font-size: 27px;
	line-height: 1.5;
	font-style: normal;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body blockquote p {
	margin: 0 0 12px;
}

.aalp-rd-article .rd-article__body blockquote > :last-child {
	margin-bottom: 0;
}

/* Images: full width at 6px radius (3140:449); floated ones sit beside the text at 386px (3140:499). */
.aalp-rd-article .rd-article__body img {
	max-width: 100%;
	height: auto;
	border-radius: 6px !important;
}

.aalp-rd-article .rd-article__body img.right,
.aalp-rd-article .rd-article__body img.alignright {
	float: right;
	width: calc(50% - 14px);
	margin: 0 0 24px 28px !important;
}

.aalp-rd-article .rd-article__body img.left,
.aalp-rd-article .rd-article__body img.alignleft {
	float: left;
	width: calc(50% - 14px);
	margin: 0 28px 24px 0 !important;
}

.aalp-rd-article .rd-article__body img.rd-img-wide,
.aalp-rd-article .rd-article__body img.aligncenter,
.aalp-rd-article .rd-article__body img.center {
	display: block;
	float: none;
	width: auto;
	margin: 0 auto 32px !important;
}

.aalp-rd-article .rd-article__body img.rd-img-wide {
	width: 100%;
}

.aalp-rd-article .rd-article__body figure,
.aalp-rd-article .rd-article__body .wp-caption {
	max-width: 100% !important;
	margin: 0 0 32px;
}

.aalp-rd-article .rd-article__body figure img,
.aalp-rd-article .rd-article__body .wp-caption img {
	display: block;
	float: none;
	width: 100%;
	margin: 0 !important;
}

.aalp-rd-article .rd-article__body figcaption,
.aalp-rd-article .rd-article__body .wp-caption-text {
	margin: 12px 0 0;
	font-size: 14px;
	line-height: 1.6;
	color: var(--rd-muted);
}

.aalp-rd-article .rd-article__body iframe,
.aalp-rd-article .rd-article__body video {
	max-width: 100%;
}

.aalp-rd-article .rd-article__body hr {
	clear: both;
	height: 0;
	margin: 48px 0 !important;
	border: 0 !important;
	border-top: 1px solid var(--rd-line) !important;
}

/* Tables (3140:648): caption band, navy header, striped rows. Inline cell styles from older posts are overridden. */
.aalp-rd-article .rd-article__body .table-responsive {
	clear: both;
	margin: 0 0 32px !important;
	overflow-x: auto;
}

.aalp-rd-article .rd-article__body table {
	width: 100%;
	margin: 0 0 32px;
	border: 1px solid var(--rd-line);
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 12px;
	overflow: hidden;
	table-layout: fixed;
	font-size: 17px;
	line-height: 1.6;
	color: var(--rd-body);
}

.aalp-rd-article .rd-article__body .table-responsive table {
	margin: 0;
}

.aalp-rd-article .rd-article__body table:has(> caption) {
	border-radius: 0 0 12px 12px;
}

.aalp-rd-article .rd-article__body caption {
	caption-side: top;
	padding: 22px;
	border: 1px solid var(--rd-line);
	border-bottom: 0;
	border-radius: 12px 12px 0 0;
	background: var(--rd-cream);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
	text-align: left;
}

.aalp-rd-article .rd-article__body th,
.aalp-rd-article .rd-article__body td {
	padding: 22px 12px !important;
	border: 0 !important;
	text-align: left !important;
	vertical-align: top;
}

.aalp-rd-article .rd-article__body th:first-child,
.aalp-rd-article .rd-article__body td:first-child {
	padding-left: 22px !important;
}

.aalp-rd-article .rd-article__body th:last-child,
.aalp-rd-article .rd-article__body td:last-child {
	padding-right: 22px !important;
}

.aalp-rd-article .rd-article__body th {
	background: var(--rd-navy);
	color: var(--rd-white);
	font-weight: 700;
	line-height: 1.172;
}

.aalp-rd-article .rd-article__body th em,
.aalp-rd-article .rd-article__body th a {
	color: inherit;
}

.aalp-rd-article .rd-article__body td {
	padding-top: 21px !important;
	border-top: 1px solid var(--rd-line) !important;
	background: var(--rd-white);
}

.aalp-rd-article .rd-article__body tbody tr:nth-child(even) td {
	background: var(--rd-stripe);
}

.aalp-rd-article .rd-article__body table p {
	margin: 0;
}

/* 5. Content components ---------------------------------------------------- */

/* Key takeaways (3140:424) */
.aalp-rd-article .aalp-key-takeaways {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 28px;
	clear: both;
	margin: 0 0 32px;
	padding: 40px;
	border-radius: 23px;
	background: var(--rd-navy);
	color: var(--rd-white);
}

.aalp-rd-article .rd-article__body .aalp-key-takeaways__title {
	margin: 0;
	font-size: 30px;
	line-height: 1.172;
	font-weight: 700;
	color: var(--rd-white);
}

.aalp-rd-article .rd-article__body .aalp-key-takeaways ul {
	display: flex;
	flex-direction: column;
	gap: 28px;
	width: 100%;
	margin: 0;
	padding: 0;
}

.aalp-rd-article .rd-article__body .aalp-key-takeaways li {
	margin: 0;
	padding: 0 0 17px 34px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.19);
	font-size: 20px;
	line-height: 1.7;
	color: var(--rd-white);
}

.aalp-rd-article .rd-article__body .aalp-key-takeaways li::before {
	content: '\2014';
	left: 0;
	font-size: 22px;
	color: var(--rd-sky);
}

.aalp-rd-article .rd-article__body .aalp-key-takeaways a:not(.aalp-button) {
	color: var(--rd-sky);
}

.aalp-rd-article .rd-article__body .aalp-key-takeaways__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0;
}

.aalp-rd-article .rd-article__body .aalp-button {
	text-decoration: none;
}

/* Callouts (3140:477 blue, 3140:572 green) */
.aalp-rd-article .rd-article__body .aalp-callout {
	clear: both;
	margin: 0 0 32px;
	padding: 30px;
	border-left: 3px solid var(--rd-navy);
	border-radius: 6px;
	background: var(--rd-pale);
}

.aalp-rd-article .rd-article__body .aalp-callout--green {
	background: var(--rd-green);
}

.aalp-rd-article .rd-article__body .aalp-callout p {
	margin: 0 0 16px;
}

.aalp-rd-article .rd-article__body .aalp-callout > :last-child {
	margin-bottom: 0;
}

.aalp-rd-article .rd-article__body .aalp-callout__label {
	margin: 0 0 16px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
	text-transform: uppercase;
}

/* Expert insight (3140:669): a callout with an attribution row. */
.aalp-rd-article .rd-article__body .aalp-expert {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
}

.aalp-rd-article .rd-article__body .aalp-expert img {
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	margin: 0 !important;
	border-radius: 50% !important;
	background: #c8bca6;
	object-fit: cover;
}

.aalp-rd-article .rd-article__body .aalp-expert__name {
	display: block;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body .aalp-expert__role {
	display: block;
	margin-top: 6px;
	font-size: 14px;
	line-height: 1.6;
	color: var(--rd-muted);
}

/* Numbered stages (3140:454); older posts' "ol.large" step lists use the same look. */
.aalp-rd-article .rd-article__body ol.aalp-steps,
.aalp-rd-article .rd-article__body ol.large {
	clear: both;
	margin: 0 0 32px;
	padding: 0;
	color: inherit;
	counter-reset: rd-step;
}

.aalp-rd-article .rd-article__body ol.aalp-steps > li,
.aalp-rd-article .rd-article__body ol.large > li {
	min-height: 88px;
	margin: 0;
	padding: 19px 0 20px 68px;
	border-top: 1px solid var(--rd-line);
	counter-increment: rd-step;
}

.aalp-rd-article .rd-article__body ol.aalp-steps > li::before,
.aalp-rd-article .rd-article__body ol.large > li::before {
	content: counter(rd-step);
	counter-increment: none;
	top: 19px;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--rd-pale);
	box-shadow: none;
	text-shadow: none;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body ol.large > li:hover {
	color: inherit;
}

.aalp-rd-article .rd-article__body ol.aalp-steps strong,
.aalp-rd-article .rd-article__body ol.large strong {
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body ol.aalp-steps strong {
	display: block;
	margin-bottom: 6px;
	line-height: 1.172;
}

/* Check list (3140:485); older posts' "ul.bee-bullets" use the same look. */
.aalp-rd-article .rd-article__body ul.aalp-checklist,
.aalp-rd-article .rd-article__body ul.bee-bullets {
	margin: 0 0 24px;
	padding-left: 31px;
	color: inherit;
}

.aalp-rd-article .rd-article__body ul.bee-bullets > li {
	padding-left: 0;
	background: none;
}

.aalp-rd-article .rd-article__body ul.aalp-checklist > li::before,
.aalp-rd-article .rd-article__body ul.bee-bullets > li::before {
	content: '\2713';
	left: -31px;
}

/* Text beside an image (3140:499, 3140:620). */
.aalp-rd-article .rd-article__body .aalp-media-row {
	display: flex;
	align-items: center;
	gap: 28px;
	clear: both;
	margin: 0 0 32px;
}

.aalp-rd-article .rd-article__body .aalp-media-row__text {
	flex: 1 1 0;
	min-width: 0;
}

.aalp-rd-article .rd-article__body .aalp-media-row__text p {
	margin: 0 0 20px;
}

.aalp-rd-article .rd-article__body .aalp-media-row__text > :last-child {
	margin-bottom: 0;
}

.aalp-rd-article .rd-article__body .aalp-media-row__media {
	flex: 0 0 386px;
	margin: 0;
}

.aalp-rd-article .rd-article__body .aalp-media-row__media img {
	display: block;
	float: none;
	width: 100%;
	margin: 0 !important;
}

/* Benefit rows with a bold lead (3140:626). */
.aalp-rd-article .rd-article__body ul.aalp-benefits {
	margin: 0 0 32px;
	padding: 0;
}

.aalp-rd-article .rd-article__body ul.aalp-benefits > li {
	margin: 0;
	padding: 19px 0 20px;
	border-top: 1px solid var(--rd-line);
}

.aalp-rd-article .rd-article__body ul.aalp-benefits > li::before {
	content: none;
}

.aalp-rd-article .rd-article__body ul.aalp-benefits strong {
	color: var(--rd-navy);
}

/* Free download box (3140:534). */
.aalp-rd-article .rd-article__body .aalp-download {
	display: flex;
	align-items: center;
	gap: 28px;
	clear: both;
	margin: 0 0 32px;
	padding: 30px;
	border-radius: 23px;
	background: var(--rd-cream);
}

.aalp-rd-article .rd-article__body .aalp-download__media {
	flex: 0 0 150px;
	margin: 0;
}

.aalp-rd-article .rd-article__body .aalp-download__media img {
	display: block;
	float: none;
	width: 150px;
	height: 210px;
	margin: 0 !important;
	object-fit: cover;
}

.aalp-rd-article .rd-article__body .aalp-download__body {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.aalp-rd-article .rd-article__body .aalp-download__body > * {
	margin: 0;
}

.aalp-rd-article .rd-article__body .aalp-download__label,
.aalp-rd-article .rd-article__body .aalp-products__label,
.aalp-rd-article .rd-article__body .aalp-references__label {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
	text-transform: uppercase;
}

.aalp-rd-article .rd-article__body .aalp-download__title,
.aalp-rd-article .rd-article__body .aalp-products__title {
	margin: 0;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body .aalp-download__form {
	display: flex;
	gap: 10px;
}

.aalp-rd-article .rd-article__body .aalp-download__form input[type="email"],
.aalp-rd-article .rd-article__body .aalp-download__form input[type="text"] {
	flex: 1 1 0;
	min-width: 0;
	height: 54px;
	padding: 0 18px;
	border: 1px solid var(--rd-line);
	border-radius: 999px;
	background: var(--rd-white);
	font: inherit;
	font-size: 17px;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body .aalp-download__note,
.aalp-rd-article .rd-article__body .aalp-products__note {
	font-size: 14px;
	line-height: 1.6;
	color: var(--rd-muted);
}

/* Parent testimonial (3140:677). */
.aalp-rd-article .rd-article__body .aalp-testimonial {
	display: flex;
	flex-direction: column;
	gap: 24px;
	clear: both;
	margin: 0 0 32px;
	padding: 31px;
	border: 1px solid var(--rd-line);
	border-radius: 23px;
	background: var(--rd-white);
}

.aalp-rd-article .rd-article__body .aalp-testimonial > * {
	margin: 0;
}

.aalp-rd-article .rd-article__body .aalp-testimonial__rating {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 22px;
	font-size: 15px;
	line-height: 1.172;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body .aalp-testimonial__stars {
	font-size: 23px;
}

.aalp-rd-article .rd-article__body .aalp-testimonial__score {
	font-size: 23px;
	font-weight: 700;
}

.aalp-rd-article .rd-article__body .aalp-testimonial__quote {
	padding: 0;
	border: 0;
	font-size: 22px;
	line-height: 1.6;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body .aalp-testimonial__cite {
	font-size: 14px;
	line-height: 1.6;
	font-style: normal;
	color: var(--rd-muted);
}

.aalp-rd-article .rd-article__body .aalp-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.aalp-rd-article .rd-article__body .aalp-badges > * {
	margin: 0;
	padding: 10px 14px;
	border-radius: 999px;
	background: var(--rd-pale);
	font-size: 12px;
	line-height: 1.172;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body .aalp-badges > li::before {
	content: none;
}

/* "Where to start" product cards (3140:691). */
.aalp-rd-article .rd-article__body .aalp-products {
	display: flex;
	flex-direction: column;
	gap: 24px;
	clear: both;
	margin: 0 0 32px;
	padding: 30px;
	border-radius: 23px;
	background: var(--rd-cream);
}

.aalp-rd-article .rd-article__body .aalp-products > * {
	margin: 0;
}

.aalp-rd-article .rd-article__body .aalp-products__grid {
	display: flex;
	gap: 18px;
	padding: 0;
}

.aalp-rd-article .rd-article__body .aalp-product {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	min-width: 0;
	margin: 0;
	padding: 20px;
	border-radius: 23px;
	background: var(--rd-white);
	text-align: center;
}

.aalp-rd-article .rd-article__body .aalp-product::before {
	content: none;
}

.aalp-rd-article .rd-article__body .aalp-product > * {
	margin: 0;
}

.aalp-rd-article .rd-article__body .aalp-product img {
	display: block;
	float: none;
	width: 100%;
	height: 180px;
	margin: 0 !important;
	object-fit: cover;
}

.aalp-rd-article .rd-article__body .aalp-product__label {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
	text-transform: uppercase;
}

.aalp-rd-article .rd-article__body .aalp-product__name {
	font-size: 20px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body .aalp-product__rating {
	font-size: 14px;
	line-height: 1.172;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-article__body .aalp-product__price {
	font-size: 21px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
}

/* FAQ (3140:723) */
.aalp-rd-article .rd-article__body .aalp-faq__item,
.aalp-rd-article .rd-article__body .collapse-card {
	clear: both;
	margin: 0;
	padding: 23px 0 24px;
	border: 0;
	border-top: 1px solid var(--rd-line);
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.aalp-rd-article .rd-article__body .aalp-faq__q,
.aalp-rd-article .rd-article__body .collapse-card__title {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin: 0;
	padding: 0;
	font-size: 21px;
	line-height: 1.4;
	font-weight: 700;
	color: var(--rd-navy);
	cursor: default;
}

.aalp-rd-article .rd-article__body .aalp-faq__q::before,
.aalp-rd-article .rd-article__body .collapse-card__title::before {
	content: 'Q';
	flex: 0 0 auto;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.172;
}

.aalp-rd-article .rd-article__body .collapse-card,
.aalp-rd-article .rd-article__body .collapse-card.active {
	margin: 0;
	box-shadow: none;
	font-size: inherit;
	transition: none;
}

.aalp-rd-article .rd-article__body .collapse-card__heading {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	cursor: default;
}

.aalp-rd-article .rd-article__body .collapse-card__heading::before,
.aalp-rd-article .rd-article__body .collapse-card__heading::after,
.aalp-rd-article .rd-article__body .collapse-card__body::before,
.aalp-rd-article .rd-article__body .collapse-card__body::after {
	content: none;
	display: none;
}

.aalp-rd-article .rd-article__body .collapse-card__title {
	overflow: visible;
	text-overflow: clip;
}

/* wpautop leaves a <br> after the icon and empty paragraphs inside these cards. */
.aalp-rd-article .rd-article__body .collapse-card__title br,
.aalp-rd-article .rd-article__body .collapse-card p:empty {
	display: none;
}

.aalp-rd-article .rd-article__body .collapse-card__body > p:has(+ p:empty:last-child) {
	margin-bottom: 0;
}

.aalp-rd-article .rd-article__body .collapse-card__title svg {
	display: none;
}

.aalp-rd-article .rd-article__body .aalp-faq__a,
.aalp-rd-article .rd-article__body .collapse-card__body {
	display: block !important;
	height: auto !important;
	margin: 12px 0 0;
	padding: 0 0 0 25px;
	border: 0;
	background: none;
}

.aalp-rd-article .rd-article__body .aalp-faq__a p,
.aalp-rd-article .rd-article__body .collapse-card__body p {
	margin: 0 0 12px;
}

.aalp-rd-article .rd-article__body .aalp-faq__a > :last-child,
.aalp-rd-article .rd-article__body .collapse-card__body > :last-child {
	margin-bottom: 0;
}

/* References (3140:749) */
.aalp-rd-article .rd-article__body .aalp-references,
.aalp-rd-article .rd-article__body .references-section {
	clear: both;
	margin: 48px 0 0;
	padding: 32px;
	border-radius: 23px;
	background: var(--rd-cream);
	font-size: 16px !important;
	line-height: 1.8;
	color: var(--rd-body) !important;
}

.aalp-rd-article .rd-article__body .references-section > p:first-child {
	margin: 0 0 20px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
	text-transform: uppercase;
}

.aalp-rd-article .rd-article__body .aalp-references__label {
	margin: 0 0 20px;
}

.aalp-rd-article .rd-article__body .aalp-references ol,
.aalp-rd-article .rd-article__body .references-section ol {
	margin: 0;
	padding: 0;
	counter-reset: rd-ref;
}

.aalp-rd-article .rd-article__body .aalp-references li,
.aalp-rd-article .rd-article__body .references-section li {
	margin: 0 0 20px;
	counter-increment: rd-ref;
}

.aalp-rd-article .rd-article__body .aalp-references li:last-child,
.aalp-rd-article .rd-article__body .references-section li:last-child {
	margin-bottom: 0;
}

.aalp-rd-article .rd-article__body .aalp-references li::before,
.aalp-rd-article .rd-article__body .references-section li::before {
	content: counter(rd-ref) '. ';
	position: static;
	font-weight: 400;
	color: var(--rd-body);
}

/* An hr right before the FAQ heading or the references box only doubles the rule/space. */
.aalp-rd-article .rd-article__body hr:has(+ .references-section),
.aalp-rd-article .rd-article__body hr:has(+ .aalp-references),
.aalp-rd-article .rd-article__body hr:has(+ h2) {
	display: none;
}

/* 6. Existing post snippets mapped onto the components ---------------------
 * Older posts use inline-styled boxes from AALP's snippet sheet. Until those snippets are
 * mapped to the classes above, the common ones are matched by their inline colours:
 *   blue left-border box (#88adc9)             -> blue callout
 *   orange left-border box (#ED7000)           -> green callout
 *   bordered box (1px #D6E4EE)                 -> green callout
 *   two side-by-side top-border boxes          -> blue / green callouts
 *   orange/blue gradient CTA box               -> cream box
 *   orange pill link in p.cta-link             -> sky button
 */
.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#88adc9" i],
.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#ed7000" i],
.aalp-rd-article .rd-article__body div[style*="border: 1px solid #d6e4ee" i],
.aalp-rd-article .rd-article__body div[style*="border-top: 6px"] {
	clear: both;
	margin: 0 0 32px !important;
	padding: 30px !important;
	border: 0 !important;
	border-left: 3px solid var(--rd-navy) !important;
	border-radius: 6px !important;
	background: var(--rd-pale) !important;
}

.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#ed7000" i],
.aalp-rd-article .rd-article__body div[style*="border: 1px solid #d6e4ee" i],
.aalp-rd-article .rd-article__body div[style*="border-top: 6px"][style*="#ed7000" i] {
	background: var(--rd-green) !important;
}

.aalp-rd-article .rd-article__body div[style*="display: flex"] > div[style*="border-top: 6px"] {
	margin: 0 !important;
}

.aalp-rd-article .rd-article__body div[style*="display: flex"]:has(> div[style*="border-top: 6px"]) {
	margin: 0 0 32px !important;
}

.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#88adc9" i] p,
.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#ed7000" i] p,
.aalp-rd-article .rd-article__body div[style*="border: 1px solid #d6e4ee" i] p,
.aalp-rd-article .rd-article__body div[style*="border-top: 6px"] p,
.aalp-rd-article .rd-article__body div[style*="linear-gradient"] p {
	margin: 0 0 16px !important;
	font-size: 19px !important;
	color: var(--rd-body) !important;
}

.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#88adc9" i] > :last-child,
.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#ed7000" i] > :last-child,
.aalp-rd-article .rd-article__body div[style*="border: 1px solid #d6e4ee" i] > :last-child,
.aalp-rd-article .rd-article__body div[style*="border-top: 6px"] > :last-child,
.aalp-rd-article .rd-article__body div[style*="linear-gradient"] > :last-child {
	margin-bottom: 0 !important;
}

.aalp-rd-article .rd-article__body div[style*="linear-gradient"] {
	clear: both;
	margin: 0 0 32px !important;
	padding: 30px !important;
	border-radius: 23px !important;
	background: var(--rd-cream) !important;
}

.aalp-rd-article .rd-article__body p.cta-link {
	margin: 0 0 32px !important;
}

.aalp-rd-article .rd-article__body p.cta-link > a[style*="background"] {
	padding: 14px 24px !important;
	border-radius: 999px !important;
	background: var(--rd-sky) !important;
	color: var(--rd-navy) !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
}

.aalp-rd-article .rd-article__body p.cta-link > a[style*="background"] em {
	font-style: italic;
}

/* 7. About the author, share and post navigation (3140:753, 3140:763) ------ */

.rd-author-box {
	display: flex;
	align-items: flex-start;
	gap: 28px;
	margin-top: 48px;
	padding: 31px;
	border: 1px solid var(--rd-line);
	border-radius: 23px;
	background: var(--rd-white);
}

.aalp-rd-article .rd-author-box__avatar {
	flex: 0 0 100px;
	width: 100px;
	height: 100px;
	border: 3px solid var(--rd-line);
	border-radius: 50%;
	background: var(--rd-avatar);
	object-fit: cover;
}

.rd-author-box__bio {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	align-items: flex-start;
	gap: 18px;
	min-width: 0;
}

.aalp-rd-article .rd-author-box__label {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
	text-transform: uppercase;
}

.aalp-rd-article .rd-author-box__name {
	font-size: 24px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-author-box__role {
	font-size: 17px;
	line-height: 1.172;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-author-box__text {
	font-size: 19px;
	line-height: 1.75;
	color: var(--rd-body);
}

.aalp-rd-article .rd-author-box__text p + p {
	margin-top: 12px;
}

.aalp-rd-article .rd-author-box__links {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	font-size: 16px;
	line-height: 1.172;
}

.aalp-rd-article .rd-author-box__links a {
	text-decoration: underline;
}

.rd-share-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-top: 48px;
}

.rd-share {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.aalp-rd-article .rd-share__label {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
	text-transform: uppercase;
}

/* Shared Counts buttons as the Figma's navy pills (3140:767). The plugin's own rules are
   ".shared-counts-wrap.style-classic .<service>.shared-counts-button", hence the long selectors. */
.aalp-rd-article .rd-share .shared-counts-wrap.style-classic {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
}

.aalp-rd-article .rd-share .shared-counts-wrap.style-classic .shared-counts-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 42px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--rd-navy);
	color: var(--rd-white);
	box-shadow: none;
	line-height: 1;
	text-decoration: none;
}

.aalp-rd-article .rd-share .shared-counts-wrap.style-classic .shared-counts-button:hover,
.aalp-rd-article .rd-share .shared-counts-wrap.style-classic .shared-counts-button:focus-visible {
	background: #082f4d;
	color: var(--rd-white);
}

.aalp-rd-article .rd-share .shared-counts-wrap.style-classic .shared-counts-icon-label,
.aalp-rd-article .rd-share .shared-counts-wrap.style-classic .shared-counts-icon {
	display: inline-flex;
	float: none;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	background: none;
}

.aalp-rd-article .rd-share .shared-counts-wrap.style-classic .shared-counts-icon svg {
	width: auto;
	height: 18px;
	fill: currentColor;
}

.aalp-rd-article .rd-share .shared-counts-wrap.style-classic .shared-counts-label,
.aalp-rd-article .rd-share .shared-counts-wrap.style-classic .shared-counts-count {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.rd-post-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

/* 8. Related reading and comments (3140:787) -------------------------------- */

.rd-article-after {
	padding: 64px 0 88px;
	background: var(--rd-cream);
}

.rd-article-after__inner {
	display: flex;
	grid-column: 2;
	flex-direction: column;
	gap: 64px;
	min-width: 0;
}

.rd-related {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.aalp-rd-article .rd-related__list {
	display: flex;
	gap: 24px;
	padding: 0;
	list-style: none;
}

.aalp-rd-article .rd-related__card {
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	min-width: 0;
	margin: 0;
	overflow: hidden;
	border-radius: 23px;
	background: var(--rd-white);
}

.aalp-rd-article .rd-related__media {
	display: block;
	aspect-ratio: 250.67 / 156;
	overflow: hidden;
	border-radius: 6px;
	background: var(--rd-placeholder);
}

.aalp-rd-article .rd-related__img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.rd-related__details {
	display: flex;
	flex-direction: column;
	gap: 22px;
	padding: 24px;
}

.aalp-rd-article .rd-related__cat {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
	text-transform: uppercase;
}

.aalp-rd-article .rd-related__title {
	font-size: 21px;
	line-height: 1.4;
	font-weight: 700;
}

.aalp-rd-article .rd-related__title a {
	color: var(--rd-navy);
	text-decoration: underline;
	text-underline-position: from-font;
}

.aalp-rd-article .rd-related__time {
	font-size: 14px;
	line-height: 1.6;
	color: var(--rd-muted);
}

/* Comments: heading, count, form box, threads (comments.php markup, restyled) */
.rd-comments {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.aalp-rd-article .rd-comments__count {
	font-size: 19px;
	line-height: 1.75;
	color: var(--rd-body);
}

.aalp-rd-article .rd-comments .comments {
	display: flex;
	flex-direction: column;
	gap: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

.aalp-rd-article .rd-comments .comments > a:empty,
.aalp-rd-article .rd-comments .comments > div:empty:not(#loader) {
	display: none;
}

.aalp-rd-article .rd-comments #loader h4 {
	font-size: 17px;
	color: var(--rd-muted);
}

/* Form box (3140:815) */
.aalp-rd-article .rd-comments .comment-respond {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 0;
	padding: 32px;
	border-radius: 23px;
	background: var(--rd-pale);
}

.aalp-rd-article .rd-comments .comment-reply-title {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 12px;
	margin: 0;
	font-size: 24px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-comments .comment-reply-title small {
	font-size: 15px;
	font-weight: 400;
}

.aalp-rd-article .rd-comments #cancel-comment-reply-link .btn {
	padding: 0;
	border: 0;
	background: none;
	color: var(--rd-navy);
	font-size: 15px;
	text-decoration: underline;
}

.aalp-rd-article .rd-comments .commentform {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin: 0;
}

.aalp-rd-article .rd-comments .commentform .mb-4 {
	margin: 0 !important;
}

.aalp-rd-article .rd-comments .commentform .row {
	display: flex;
	gap: 18px;
	margin: 0;
}

.aalp-rd-article .rd-comments .commentform .row > .col-md {
	flex: 1 1 0;
	min-width: 0;
	max-width: none;
	padding: 0;
}

/* Floating labels shown as the placeholder text the design uses ("Name", "Email (will not be shared)"). */
.aalp-rd-article .rd-comments .form-floating {
	position: relative;
}

.aalp-rd-article .rd-comments .form-floating > .form-control {
	display: block;
	width: 100%;
	height: 54px;
	min-height: 0;
	padding: 0 18px;
	border: 1px solid var(--rd-line);
	border-radius: 999px;
	background: var(--rd-white);
	box-shadow: none;
	font-family: inherit;
	font-size: 17px;
	line-height: 1.172;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-comments .form-floating > textarea.form-control {
	height: 120px;
	padding: 18px;
	border-radius: 12px;
	resize: vertical;
}

.aalp-rd-article .rd-comments .form-floating > .form-control::placeholder {
	color: transparent;
}

.aalp-rd-article .rd-comments .form-floating > .form-control:focus {
	border-color: var(--rd-navy);
	outline: 2px solid var(--rd-sky);
	outline-offset: 0;
}

.aalp-rd-article .rd-comments .form-floating > label {
	position: absolute;
	top: 18px;
	left: 19px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 17px;
	line-height: 1.172;
	color: var(--rd-muted);
	opacity: 1;
	transform: none;
	pointer-events: none;
	transition: none;
}

.aalp-rd-article .rd-comments .form-floating > .form-control:focus ~ label,
.aalp-rd-article .rd-comments .form-floating > .form-control:not(:placeholder-shown) ~ label {
	visibility: hidden;
}

.aalp-rd-article .rd-comments .form-check {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	min-height: 0;
	margin: 0;
	padding: 0;
}

.aalp-rd-article .rd-comments .form-check-input {
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin: 4px 0 0;
	border: 1px solid var(--rd-navy);
	border-radius: 3px;
	background: var(--rd-white);
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

.aalp-rd-article .rd-comments .form-check-input:checked {
	background: var(--rd-navy) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.3 2.3 4.7-5' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}

.aalp-rd-article .rd-comments .form-check-input:focus-visible {
	outline: 2px solid var(--rd-sky);
	outline-offset: 1px;
}

.aalp-rd-article .rd-comments .form-check-label {
	font-size: 17px;
	line-height: 1.5;
	color: var(--rd-body);
	cursor: pointer;
}

.aalp-rd-article .rd-comments .form-submit {
	margin: 0;
}

.aalp-rd-article .rd-comments #submit {
	display: inline-flex;
	align-items: center;
	height: auto;
	padding: 14px 24px;
	border: 0;
	border-radius: 999px;
	background: var(--rd-sky);
	box-shadow: none;
	color: var(--rd-navy);
	font-family: inherit;
	font-size: 17px;
	font-weight: 600;
	line-height: 20px;
	text-transform: none;
	cursor: pointer;
}

.aalp-rd-article .rd-comments #submit:hover {
	filter: brightness(0.96);
}

.aalp-rd-article .rd-comments .invalid-feedback {
	display: block;
	margin: 6px 0 0 18px;
	font-size: 14px;
	color: #b3261e;
}

.aalp-rd-article .rd-comments .is-invalid > .form-control,
.aalp-rd-article .rd-comments .form-control.is-invalid {
	border-color: #b3261e;
}

/* Threads (3140:833): each top-level comment in a green box, replies in white boxes. */
.aalp-rd-article .rd-comments #comments {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.aalp-rd-article .rd-comments #comments:empty {
	display: none;
}

/* comments.php's str_replace turns every 'class="comment' into 'class="comment box', so the author
   row is "comment box-author vcard", the date "comment box-meta commentmetadata timestamp" and
   replies are nested straight inside their parent (no .children wrapper). */
.aalp-rd-article .rd-comments .comment.box {
	display: grid;
	position: relative;
	grid-template-columns: 34px auto 1fr;
	column-gap: 16px;
	align-items: center;
	margin: 0;
	padding: 28px;
	border: 0;
	border-radius: 23px;
	background: var(--rd-green);
	box-shadow: none;
	font-size: 19px;
	line-height: 1.75;
	color: var(--rd-body);
}

/* The old theme's clearfix and speech-bubble pseudo-elements would become grid items. */
.aalp-rd-article .rd-comments .comment.box::before,
.aalp-rd-article .rd-comments .comment.box::after {
	content: none;
	display: none;
}

.aalp-rd-article .rd-comments .comment.box > * {
	grid-column: 1 / -1;
	min-width: 0;
}

.aalp-rd-article .rd-comments .comment.box > .vcard {
	display: contents;
}

.aalp-rd-article .rd-comments .vcard > .avatar {
	grid-column: 1;
	grid-row: 1 / span 2;
	width: 34px;
	height: 34px;
	margin: 0;
	border-radius: 0;
	float: none;
}

.aalp-rd-article .rd-comments .vcard > .author {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.172;
	color: var(--rd-navy);
}

.aalp-rd-article .rd-comments .vcard > .author a {
	color: inherit;
	text-decoration: none;
}

.aalp-rd-article .rd-comments .vcard > .says,
.aalp-rd-article .rd-comments .comment.box > br,
.aalp-rd-article .rd-comments .vcard > .badge + .badge {
	display: none;
}

.aalp-rd-article .rd-comments .vcard > .badge {
	grid-column: 3;
	grid-row: 1;
	justify-self: start;
	margin: 0 0 0 -4px;
	padding: 5px 8px;
	border-radius: 4px;
	background: var(--rd-navy);
	color: var(--rd-white);
	font-size: 11px;
	font-weight: 700;
	line-height: 1.172;
	text-transform: uppercase;
}

.aalp-rd-article .rd-comments .comment.box > .commentmetadata {
	grid-column: 2 / -1;
	grid-row: 2;
	margin: 8px 0 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 14px;
	line-height: 1.6;
	color: var(--rd-muted);
}

.aalp-rd-article .rd-comments .commentmetadata a {
	color: inherit;
	text-decoration: none;
}

.aalp-rd-article .rd-comments .comment-awaiting-moderation {
	margin-top: 16px;
	font-size: 15px;
	color: var(--rd-muted);
}

.aalp-rd-article .rd-comments .comment.box > p {
	margin: 24px 0 0;
}

.aalp-rd-article .rd-comments .comment.box > p + p {
	margin-top: 16px;
}

.aalp-rd-article .rd-comments .comment.box > .reply {
	margin: 24px 0 0;
	font-size: 17px;
	line-height: 1.172;
	text-align: left;
}

.aalp-rd-article .rd-comments .comment.box .reply .btn {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	text-align: left;
}

.aalp-rd-article .rd-comments .comment.box .reply a {
	display: inline;
	padding: 0;
	font-size: 17px;
	line-height: 1.172;
	color: var(--rd-navy);
	text-decoration: underline;
	text-underline-position: from-font;
}

.aalp-rd-article .rd-comments .below-comment-area:empty {
	display: none;
}

.aalp-rd-article .rd-comments .below-comment-area .comment-respond {
	margin-top: 24px;
	background: var(--rd-white);
}

/* Replies (3140:844): white box inside the thread. */
.aalp-rd-article .rd-comments .comment.box > .comment.box {
	margin-top: 24px;
	padding: 24px;
	border-radius: 16px;
	background: var(--rd-white);
}

.aalp-rd-article .rd-comments .comment.box > .comment.box > .vcard > .author {
	font-size: 18px;
}

.aalp-rd-article .rd-comments .comment.box > .comment.box > .comment.box {
	padding: 0 0 0 20px;
	border-left: 2px solid var(--rd-line);
	border-radius: 0;
}

/* The old theme frames the form wrapper (#leaveAComment) in a beige bordered box. */
.aalp-rd-article .rd-comments #leaveAComment {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

/* 9. Responsive -------------------------------------------------------------- */

@media (max-width: 1240px) {
	.rd-article-hero {
		gap: 48px;
	}

	.rd-article-hero__media {
		flex-basis: 46%;
	}

	.aalp-rd-article {
		--rd-col-side: 240px;
		--rd-col-gap: 48px;
	}
}

/* Contents column and placement card move above the article. */
@media (max-width: 1000px) {
	.rd-article-layout {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 28px;
		max-width: calc(var(--rd-col-main) + 2 * var(--rd-inset));
	}

	.rd-article,
	.rd-article-after__inner {
		grid-column: 1;
	}

	.rd-article-aside {
		position: static;
		max-height: none;
		overflow: visible;
	}
}

@media (max-width: 900px) {
	.rd-article-hero {
		flex-direction: column;
		align-items: stretch;
		gap: 32px;
	}

	.rd-article-hero__media {
		flex-basis: auto;
	}

	.aalp-rd-article .rd-related__list {
		flex-direction: column;
	}

	.aalp-rd-article .rd-related__card {
		flex: none;
	}

	.aalp-rd-article .rd-article__body .aalp-media-row,
	.aalp-rd-article .rd-article__body .aalp-download,
	.aalp-rd-article .rd-article__body .aalp-products__grid {
		flex-direction: column;
		align-items: stretch;
	}

	.aalp-rd-article .rd-article__body .aalp-media-row__media,
	.aalp-rd-article .rd-article__body .aalp-download__media {
		flex-basis: auto;
	}
}

/* Mobile values from the 393px frame (3142:307). */
@media (max-width: 600px) {
	.rd-article-intro {
		padding: 32px 0 40px;
	}

	.aalp-rd-article .rd-article-intro .rd-breadcrumbs ol {
		line-height: 21px;
	}

	.rd-article-hero {
		margin-top: 28px;
	}

	.aalp-rd-article .rd-article-badge {
		line-height: 21px;
	}

	.aalp-rd-article .rd-article-title {
		font-size: 32px;
		line-height: 40px;
	}

	.aalp-rd-article .rd-article-summary {
		font-size: 22px;
		line-height: 30px;
	}

	.rd-article-byline {
		align-items: flex-start;
	}

	.aalp-rd-article .rd-article-byline__name {
		line-height: 24px;
	}

	.rd-article-byline__role {
		line-height: 21px;
	}

	.rd-article-meta {
		flex-direction: column;
		align-items: flex-start;
		line-height: 21px;
	}

	.rd-article-hero__caption {
		line-height: 21px;
	}

	.rd-article-main {
		padding: 32px 0 40px;
	}

	.aalp-rd-article .rd-toc__label {
		margin-bottom: 24px;
		line-height: 21px;
	}

	.rd-article-aside {
		gap: 24px;
	}

	.rd-toc__num {
		flex-basis: 20px;
		line-height: 21px;
	}

	.rd-toc__title {
		line-height: 24px;
	}

	.aalp-rd-article .rd-promo__title {
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-promo__text {
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-promo .rd-btn {
		line-height: 28px;
	}

	.aalp-rd-article .rd-promo__link {
		line-height: 21px;
	}

	.aalp-rd-article .rd-btn,
	.aalp-rd-article .aalp-button {
		line-height: 28px;
	}

	.aalp-rd-article .rd-section-title {
		font-size: 28px;
		line-height: 36px;
	}

	/* Body */
	.rd-article__body {
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-article__body > div[style*="line-height"] {
		line-height: 28px !important;
	}

	.aalp-rd-article .rd-article__body h2 {
		font-size: 28px;
		line-height: 36px;
	}

	.aalp-rd-article .rd-article__body h3 {
		margin: 24px 0;
		font-size: 22px;
		line-height: 30px;
	}

	.aalp-rd-article .rd-article__body h4 {
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-article__body blockquote,
	.aalp-rd-article .rd-article__body .aalp-pullquote {
		font-size: 22px;
		line-height: 30px;
	}

	.aalp-rd-article .rd-article__body img.right,
	.aalp-rd-article .rd-article__body img.alignright,
	.aalp-rd-article .rd-article__body img.left,
	.aalp-rd-article .rd-article__body img.alignleft {
		display: block;
		float: none;
		width: 100%;
		margin: 0 0 24px !important;
	}

	.aalp-rd-article .rd-article__body figcaption,
	.aalp-rd-article .rd-article__body .wp-caption-text {
		line-height: 21px;
	}

	.aalp-rd-article .rd-article__body table {
		font-size: 16px;
		line-height: 24px;
	}

	.aalp-rd-article .rd-article__body caption {
		padding: 16px 14px;
		line-height: 24px;
	}

	.aalp-rd-article .rd-article__body th,
	.aalp-rd-article .rd-article__body td {
		padding: 16px 7px !important;
		line-height: 24px;
	}

	.aalp-rd-article .rd-article__body td {
		padding-top: 15px !important;
	}

	.aalp-rd-article .rd-article__body th:first-child,
	.aalp-rd-article .rd-article__body td:first-child {
		padding-left: 14px !important;
	}

	.aalp-rd-article .rd-article__body th:last-child,
	.aalp-rd-article .rd-article__body td:last-child {
		padding-right: 14px !important;
	}

	.aalp-rd-article .aalp-key-takeaways {
		gap: 24px;
		padding: 32px 24px;
	}

	.aalp-rd-article .rd-article__body .aalp-key-takeaways__title {
		font-size: 28px;
		line-height: 36px;
	}

	.aalp-rd-article .rd-article__body .aalp-key-takeaways ul {
		gap: 24px;
	}

	.aalp-rd-article .rd-article__body .aalp-key-takeaways li {
		padding-left: 36px;
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-article__body .aalp-key-takeaways li::before {
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-article__body .aalp-key-takeaways__actions {
		flex-direction: column;
		align-items: flex-start;
	}

	.aalp-rd-article .rd-article__body .aalp-callout,
	.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#88adc9" i],
	.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#ed7000" i],
	.aalp-rd-article .rd-article__body div[style*="border: 1px solid #d6e4ee" i],
	.aalp-rd-article .rd-article__body div[style*="border-top: 6px"] {
		padding: 30px 20px !important;
	}

	.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#88adc9" i] p,
	.aalp-rd-article .rd-article__body div[style*="border-left"][style*="#ed7000" i] p,
	.aalp-rd-article .rd-article__body div[style*="border: 1px solid #d6e4ee" i] p,
	.aalp-rd-article .rd-article__body div[style*="border-top: 6px"] p,
	.aalp-rd-article .rd-article__body div[style*="linear-gradient"] p {
		font-size: 17px !important;
	}

	.aalp-rd-article .rd-article__body div[style*="linear-gradient"] {
		padding: 30px 20px !important;
	}

	.aalp-rd-article .rd-article__body .aalp-callout__label {
		line-height: 21px;
	}

	.aalp-rd-article .rd-article__body ol.aalp-steps > li,
	.aalp-rd-article .rd-article__body ol.large > li {
		padding-left: 54px;
	}

	.aalp-rd-article .rd-article__body ol.aalp-steps > li::before,
	.aalp-rd-article .rd-article__body ol.large > li::before {
		width: 40px;
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-article__body ol.aalp-steps strong {
		line-height: 28px;
	}

	.aalp-rd-article .rd-article__body .aalp-faq__q,
	.aalp-rd-article .rd-article__body .collapse-card__title {
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-article__body .aalp-faq__q::before,
	.aalp-rd-article .rd-article__body .collapse-card__title::before {
		flex-basis: 20px;
		line-height: 24px;
	}

	.aalp-rd-article .rd-article__body .aalp-faq__a,
	.aalp-rd-article .rd-article__body .collapse-card__body {
		padding-left: 24px;
	}

	.aalp-rd-article .rd-article__body .aalp-references,
	.aalp-rd-article .rd-article__body .references-section {
		padding: 32px 20px;
		line-height: 24px;
	}

	.aalp-rd-article .rd-article__body .aalp-testimonial {
		padding: 31px 19px;
	}

	.aalp-rd-article .rd-article__body .aalp-testimonial__rating {
		flex-direction: column;
		align-items: flex-start;
	}

	.aalp-rd-article .rd-article__body .aalp-products {
		padding: 30px 20px;
	}

	/* Author box: stacked (3142:754) */
	.rd-author-box {
		flex-direction: column;
		gap: 24px;
		padding: 31px 19px;
	}

	.aalp-rd-article .rd-author-box__label {
		line-height: 21px;
	}

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

	.aalp-rd-article .rd-author-box__role,
	.aalp-rd-article .rd-author-box__text {
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-author-box__links {
		flex-direction: column;
		line-height: 24px;
	}

	/* Share and navigation: stacked (3142:764) */
	.rd-share-nav {
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}

	.aalp-rd-article .rd-share__label {
		line-height: 21px;
	}

	/* Related and comments (3142:788) */
	.rd-article-after {
		padding: 32px 0 40px;
	}

	.rd-article-after__inner {
		gap: 28px;
	}

	.aalp-rd-article .rd-related__cat {
		line-height: 21px;
	}

	.aalp-rd-article .rd-related__title {
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-related__time {
		line-height: 21px;
	}

	.rd-comments,
	.aalp-rd-article .rd-comments .comments {
		gap: 24px;
	}

	.aalp-rd-article .rd-comments__count {
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-comments .comment-respond {
		padding: 32px 20px;
	}

	.aalp-rd-article .rd-comments .comment-reply-title {
		font-size: 22px;
		line-height: 30px;
	}

	.aalp-rd-article .rd-comments .commentform .row {
		flex-direction: column;
	}

	.aalp-rd-article .rd-comments .form-floating > textarea.form-control {
		height: 140px;
	}

	.aalp-rd-article .rd-comments .form-check-label {
		line-height: 28px;
	}

	.aalp-rd-article .rd-comments .form-check-input {
		margin-top: 5px;
	}

	.aalp-rd-article .rd-comments #submit {
		line-height: 28px;
	}

	.aalp-rd-article .rd-comments .comment.box {
		grid-template-columns: 34px 1fr;
		align-items: start;
		padding: 28px 16px;
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-comments .vcard > .avatar {
		grid-row: 1 / span 3;
	}

	.aalp-rd-article .rd-comments .vcard > .author {
		font-size: 17px;
		line-height: 28px;
	}

	.aalp-rd-article .rd-comments .vcard > .badge {
		grid-column: 2;
		grid-row: 2;
		margin: 12px 0 0;
		line-height: 21px;
		padding: 0 8px;
	}

	.aalp-rd-article .rd-comments .comment.box > .commentmetadata {
		grid-row: 3;
		line-height: 21px;
	}

	.aalp-rd-article .rd-comments .comment.box:not(:has(> .vcard > .badge)) > .commentmetadata {
		grid-row: 2;
	}

	.aalp-rd-article .rd-comments .comment.box .reply a {
		line-height: 28px;
	}

	.aalp-rd-article .rd-comments .comment.box > .comment.box {
		padding: 24px 16px;
	}

	.aalp-rd-article .rd-comments .comment.box > .comment.box > .vcard > .author {
		font-size: 18px;
	}
}