/*
 * AEO Coaching — blog styles.
 *
 * Tokens are read from the Elementor kit's :root block first, with the
 * literal values as fallbacks so these templates still look right if the kit
 * CSS has not been generated yet or a variable gets renamed.
 *
 * Everything is namespaced `aeob-`, deliberately NOT `aeo-`: the Elementor
 * global classes already own `.aeo-section`, `.aeo-container`, `.aeo-card`,
 * `.aeo-btn` and the heading scale, and a collision there would restyle the
 * built pages.
 *
 * Breakpoints match Elementor's: tablet <= 1024px, mobile <= 767px.
 */

.aeo-blog {
	--aeob-navy: var(--Navy, #0b1c3a);
	--aeob-navy-ink: var(--Navy-Ink, #1a2540);
	--aeob-blue: var(--Blue, #1a6fe8);
	--aeob-blue-deep: var(--Blue-Deep, #2a71d7);
	--aeob-blue-soft: var(--Blue-Soft, #eef4ff);
	--aeob-amber: var(--Amber, #f8b31f);
	--aeob-amber-soft: var(--Amber-Soft, #fff0cf);
	--aeob-ink-muted: var(--Ink-Muted, #6b7a99);
	--aeob-ink-body: var(--Ink-Body, #434e65);
	--aeob-surface: var(--Surface, #f7f9fc);
	--aeob-border: var(--Border, #e0e8f5);
	--aeob-white: var(--White, #ffffff);

	--aeob-font-head: var(--Font-Head, "Helvetica Neue", Helvetica, Arial, sans-serif);
	--aeob-font-body: var(--Font-Body, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);
	--aeob-font-accent: var(--Font-Accent, "Fraunces", Georgia, "Times New Roman", serif);

	--aeob-container: 1240px;
	--aeob-gutter: 100px;
	--aeob-pad-y: 100px;
	--aeob-radius-card: 32px;
	--aeob-radius-media: 24px;
	--aeob-shadow-card: 0 10px 40px rgba(11, 28, 58, 0.07);
	--aeob-shadow-card-hover: 0 18px 50px rgba(11, 28, 58, 0.12);
}

/* ------------------------------------------------------------- scaffolding */

/*
 * hello-elementor constrains `.site-main` to 1140px on any route without an
 * `elementor-page-*` body class, which is every blog route. The hero and the
 * CTA band are full-bleed, so that cap has to go.
 *
 * Its selector is `body:not([class*=elementor-page-]) .site-main`, which
 * scores (0,2,1); three classes here beat it regardless of load order.
 */
.aeo-blog .site-main.aeob-main {
	max-width: none;
	width: 100%;
	margin-inline: 0;
	padding-inline: 0;
}

.aeob-main {
	background: var(--aeob-white);
	font-family: var(--aeob-font-body);
	color: var(--aeob-navy);
}

/*
 * 1240px of content with the gutter outside it, the same geometry as the
 * Elementor pages (1240 + 2x100 = the 1440 artboard). The cap has to include
 * the gutters, or `width:100%` plus padding overflows the viewport.
 */
.aeob-container {
	width: 100%;
	max-width: calc(var(--aeob-container) + (var(--aeob-gutter) * 2));
	margin-inline: auto;
	padding-inline: var(--aeob-gutter);
	box-sizing: border-box;
}

.aeob-section {
	padding-block: var(--aeob-pad-y);
}

.aeob-section--list {
	padding-block: 90px 110px;
}

.aeob-section--article {
	padding-block: 80px 20px;
}

.aeob-section--related {
	padding-block: 20px 100px;
}

.aeob-section--cta {
	padding-block: 0 120px;
}

.aeob-section__title {
	margin: 0 0 44px;
	font-family: var(--aeob-font-head);
	font-size: 36px;
	line-height: 44px;
	letter-spacing: -0.9px;
	color: var(--aeob-navy);
}

.aeob-center {
	text-align: center;
}

/* -------------------------------------------------------------------- hero */

.aeob-hero {
	position: relative;
	overflow: hidden;
	background: var(--aeob-surface);
	padding-block: 118px 110px;
}

.aeob-hero--post {
	padding-block: 92px 80px;
}

.aeob-hero__bloom {
	position: absolute;
	inset-block-start: -140px;
	inset-inline-end: -90px;
	width: 620px;
	height: 620px;
	border-radius: 50%;
	background: radial-gradient(closest-side, rgba(42, 113, 215, 0.42), rgba(42, 113, 215, 0));
	pointer-events: none;
	z-index: 0;
}

.aeob-hero__inner {
	position: relative;
	z-index: 1;
}

.aeob-hero__title {
	margin: 0;
	font-family: var(--aeob-font-head);
	font-size: 57.6px;
	line-height: 63.36px;
	letter-spacing: -1.728px;
	color: var(--aeob-navy);
	max-width: 1040px;
}

.aeob-hero__title--post {
	font-size: 46px;
	line-height: 54px;
	letter-spacing: -1.2px;
	max-width: 900px;
}

.aeob-hero__subtitle {
	margin-block-start: 28px;
	max-width: 900px;
	font-size: 22px;
	line-height: 30.6px;
	font-weight: 600;
	color: var(--aeob-ink-muted);
}

.aeob-hero__subtitle p {
	margin: 0 0 12px;
}

.aeob-hero__subtitle p:last-child {
	margin-bottom: 0;
}

.aeob-hero__search {
	margin-block-start: 34px;
	max-width: 520px;
}

.aeob-eyebrow {
	margin: 0 0 18px;
	font-size: 12px;
	line-height: 19.2px;
	font-weight: 600;
	letter-spacing: 0.84px;
	text-transform: uppercase;
	color: var(--aeob-blue);
}

.aeob-back {
	/* flex rather than inline-flex so the category chip starts a new line */
	display: flex;
	width: fit-content;
	align-items: center;
	gap: 10px;
	margin-block-end: 26px;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: var(--aeob-blue);
	text-decoration: none;
}

.aeob-back:hover,
.aeob-back:focus-visible {
	color: var(--aeob-blue-deep);
	text-decoration: underline;
}

.aeob-back__arrow {
	transition: transform 0.2s ease;
}

.aeob-back:hover .aeob-back__arrow {
	transform: translateX(-3px);
}

/* -------------------------------------------------------------- grid, card */

.aeob-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 44px 34px;
}

.aeob-card {
	display: flex;
	flex-direction: column;
	background: var(--aeob-white);
	border: 1px solid var(--aeob-border);
	border-radius: var(--aeob-radius-card);
	overflow: hidden;
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.aeob-card:hover,
.aeob-card:focus-within {
	transform: translateY(-4px);
	box-shadow: var(--aeob-shadow-card-hover);
	border-color: rgba(26, 111, 232, 0.35);
}

.aeob-card__media {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--aeob-surface);
}

.aeob-card__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease;
}

.aeob-card:hover .aeob-card__image {
	transform: scale(1.04);
}

.aeob-card__image--empty {
	display: block;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, var(--aeob-blue-soft), var(--aeob-amber-soft));
}

.aeob-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	gap: 16px;
	padding: 32px;
}

.aeob-card__title {
	margin: 0;
	font-family: var(--aeob-font-head);
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.4px;
	color: var(--aeob-navy);
}

.aeob-card__title a {
	color: inherit;
	text-decoration: none;
}

.aeob-card__title a:hover,
.aeob-card__title a:focus-visible {
	color: var(--aeob-blue);
}

.aeob-card__excerpt {
	margin: 0;
	font-size: 17px;
	line-height: 27px;
	color: var(--aeob-ink-body);
}

.aeob-card__foot {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin-block-start: auto;
	padding-block-start: 8px;
}

.aeob-meta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-size: 15px;
	line-height: 22px;
	color: var(--aeob-ink-muted);
}

.aeob-meta--hero {
	margin-block-start: 22px;
	font-size: 16px;
}

/* -------------------------------------------------------------- bits of UI */

.aeob-chip {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	padding: 6px 14px;
	border-radius: 100px;
	background: var(--aeob-blue-soft);
	font-size: 12px;
	line-height: 19.2px;
	font-weight: 600;
	letter-spacing: 0.84px;
	text-transform: uppercase;
	color: var(--aeob-blue);
	text-decoration: none;
}

.aeob-chip:hover,
.aeob-chip:focus-visible {
	background: var(--aeob-blue);
	color: var(--aeob-white);
}

.aeob-hero--post .aeob-chip {
	margin-block-end: 22px;
}

.aeob-link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 17px;
	line-height: 24px;
	font-weight: 500;
	color: var(--aeob-blue);
	text-decoration: none;
}

.aeob-link:hover,
.aeob-link:focus-visible {
	color: var(--aeob-blue-deep);
}

.aeob-link__arrow {
	transition: transform 0.2s ease;
}

.aeob-link:hover .aeob-link__arrow {
	transform: translateX(4px);
}

.aeob-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 34px;
	border: 0;
	border-radius: 100px;
	font-family: var(--aeob-font-body);
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.aeob-btn--amber {
	background: var(--aeob-amber);
	color: var(--aeob-navy);
}

.aeob-btn--amber:hover,
.aeob-btn--amber:focus-visible {
	background: #e5a212;
	color: var(--aeob-navy);
}

.aeob-btn--blue {
	background: var(--aeob-blue-deep);
	color: var(--aeob-white);
}

.aeob-btn--blue:hover,
.aeob-btn--blue:focus-visible {
	background: var(--aeob-blue);
	color: var(--aeob-white);
}

.aeob-btn--white {
	background: var(--aeob-white);
	color: var(--aeob-navy);
}

.aeob-btn--white:hover,
.aeob-btn--white:focus-visible {
	background: var(--aeob-amber-soft);
	color: var(--aeob-navy);
}

/* -------------------------------------------------------------- pagination */

.aeob-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-block-start: 76px;
}

.aeob-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 48px;
	height: 48px;
	padding-inline: 16px;
	border: 1px solid var(--aeob-border);
	border-radius: 100px;
	background: var(--aeob-white);
	font-size: 16px;
	font-weight: 500;
	color: var(--aeob-navy);
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.aeob-pagination .page-numbers:hover,
.aeob-pagination .page-numbers:focus-visible {
	border-color: var(--aeob-blue);
	color: var(--aeob-blue);
}

.aeob-pagination .page-numbers.current {
	background: var(--aeob-blue-deep);
	border-color: var(--aeob-blue-deep);
	color: var(--aeob-white);
}

.aeob-pagination .page-numbers.dots {
	border-color: transparent;
	min-width: 28px;
	padding-inline: 0;
}

/* ------------------------------------------------------------ empty state */

.aeob-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding: 80px 32px;
	border: 1px solid var(--aeob-border);
	border-radius: var(--aeob-radius-card);
	background: var(--aeob-surface);
	text-align: center;
}

.aeob-empty__title {
	margin: 0;
	font-family: var(--aeob-font-head);
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -0.6px;
	color: var(--aeob-navy);
}

.aeob-empty__text {
	margin: 0;
	max-width: 520px;
	font-size: 18px;
	line-height: 28px;
	color: var(--aeob-ink-body);
}

/* ------------------------------------------------------------ search form */

.aeo-blog .search-form {
	display: flex;
	gap: 10px;
	width: 100%;
	max-width: 520px;
}

.aeo-blog .search-form label {
	flex: 1 1 auto;
	margin: 0;
}

.aeo-blog .search-form .search-field,
.aeo-blog .search-form input[type="search"] {
	width: 100%;
	height: 52px;
	padding: 0 22px;
	border: 1px solid var(--aeob-border);
	border-radius: 100px;
	background: var(--aeob-white);
	font-family: var(--aeob-font-body);
	font-size: 16px;
	color: var(--aeob-navy);
}

.aeo-blog .search-form .search-field:focus,
.aeo-blog .search-form input[type="search"]:focus {
	outline: 2px solid var(--aeob-blue);
	outline-offset: 1px;
	border-color: transparent;
}

.aeo-blog .search-form .search-submit,
.aeo-blog .search-form input[type="submit"] {
	flex: 0 0 auto;
	height: 52px;
	padding-inline: 28px;
	border: 0;
	border-radius: 100px;
	background: var(--aeob-blue-deep);
	font-family: var(--aeob-font-body);
	font-size: 16px;
	font-weight: 600;
	color: var(--aeob-white);
	cursor: pointer;
}

.aeo-blog .search-form .search-submit:hover,
.aeo-blog .search-form input[type="submit"]:hover {
	background: var(--aeob-blue);
}

/* ----------------------------------------------------------- single: media */

.aeob-feature {
	margin-block-start: -56px;
	position: relative;
	z-index: 2;
}

.aeob-feature__image {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--aeob-radius-media);
	box-shadow: var(--aeob-shadow-card);
}

/* --------------------------------------------------------- single: article */

.aeob-prose {
	max-width: 760px;
	margin-inline: auto;
	font-size: 19px;
	line-height: 32px;
	color: var(--aeob-ink-body);
}

.aeob-prose > *:first-child {
	margin-block-start: 0;
}

.aeob-prose p {
	margin: 0 0 28px;
}

.aeob-prose h2,
.aeob-prose h3,
.aeob-prose h4 {
	font-family: var(--aeob-font-head);
	color: var(--aeob-navy);
	letter-spacing: -0.6px;
}

.aeob-prose h2 {
	margin: 56px 0 20px;
	font-size: 34px;
	line-height: 42px;
}

.aeob-prose h3 {
	margin: 44px 0 16px;
	font-size: 26px;
	line-height: 34px;
}

.aeob-prose h4 {
	margin: 36px 0 14px;
	font-size: 21px;
	line-height: 30px;
}

.aeob-prose a {
	color: var(--aeob-blue);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.aeob-prose a:hover,
.aeob-prose a:focus-visible {
	color: var(--aeob-blue-deep);
}

.aeob-prose strong {
	color: var(--aeob-navy);
	font-weight: 600;
}

.aeob-prose ul,
.aeob-prose ol {
	margin: 0 0 28px;
	padding-inline-start: 24px;
}

.aeob-prose li {
	margin-block-end: 12px;
}

.aeob-prose li::marker {
	color: var(--aeob-blue);
}

.aeob-prose blockquote {
	margin: 40px 0;
	padding: 4px 0 4px 28px;
	border-inline-start: 3px solid var(--aeob-blue);
	font-family: var(--aeob-font-accent);
	font-size: 23px;
	line-height: 36px;
	color: var(--aeob-navy);
}

.aeob-prose blockquote p:last-child {
	margin-bottom: 0;
}

.aeob-prose img,
.aeob-prose figure {
	max-width: 100%;
	height: auto;
	border-radius: var(--aeob-radius-media);
}

.aeob-prose figure {
	margin: 40px 0;
}

.aeob-prose figcaption {
	margin-block-start: 12px;
	font-size: 15px;
	line-height: 24px;
	color: var(--aeob-ink-muted);
	text-align: center;
}

.aeob-prose hr {
	margin: 52px 0;
	border: 0;
	border-block-start: 1px solid var(--aeob-border);
}

.aeob-prose code {
	padding: 2px 7px;
	border-radius: 6px;
	background: var(--aeob-surface);
	font-size: 0.9em;
}

.aeob-prose pre {
	margin: 0 0 28px;
	padding: 22px 24px;
	border-radius: 12px;
	background: var(--aeob-navy);
	color: var(--aeob-white);
	overflow-x: auto;
}

.aeob-prose pre code {
	padding: 0;
	background: none;
	color: inherit;
}

.aeob-prose table {
	width: 100%;
	margin: 0 0 28px;
	border-collapse: collapse;
	font-size: 17px;
}

.aeob-prose th,
.aeob-prose td {
	padding: 14px 16px;
	border-block-end: 1px solid var(--aeob-border);
	text-align: start;
}

.aeob-prose th {
	font-weight: 600;
	color: var(--aeob-navy);
}

/* ----------------------------------------------- single: tags, nav, footer */

.aeob-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	max-width: 760px;
	margin: 56px auto 0;
	padding-block-start: 36px;
	border-block-start: 1px solid var(--aeob-border);
}

.aeob-tag {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 100px;
	background: var(--aeob-amber-soft);
	font-size: 15px;
	font-weight: 500;
	color: var(--aeob-navy);
	text-decoration: none;
}

.aeob-tag:hover,
.aeob-tag:focus-visible {
	background: var(--aeob-amber);
}

.aeob-postnav {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	max-width: 760px;
	margin: 56px auto 0;
}

.aeob-postnav__item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 24px 28px;
	border: 1px solid var(--aeob-border);
	border-radius: 20px;
	text-decoration: none;
	transition: border-color 0.2s ease, background-color 0.2s ease;
}

.aeob-postnav__item:hover,
.aeob-postnav__item:focus-visible {
	border-color: var(--aeob-blue);
	background: var(--aeob-surface);
}

.aeob-postnav__item--next {
	text-align: end;
}

.aeob-postnav__item--prev:only-child {
	grid-column: 1;
}

.aeob-postnav__item--next:only-child {
	grid-column: 2;
}

.aeob-postnav__label {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.84px;
	text-transform: uppercase;
	color: var(--aeob-ink-muted);
}

.aeob-postnav__title {
	font-family: var(--aeob-font-head);
	font-size: 19px;
	line-height: 27px;
	color: var(--aeob-navy);
}

.aeob-page-links {
	display: flex;
	gap: 10px;
	margin-block-start: 32px;
	font-weight: 600;
}

.aeob-comments {
	max-width: 760px;
	margin: 64px auto 0;
	padding-block-start: 44px;
	border-block-start: 1px solid var(--aeob-border);
}

/*
 * The theme's comment form is styled for hello-elementor's pink accent, which
 * is nothing to do with this site. Bring it back to the palette.
 */
.aeob-comments .comments-title,
.aeob-comments .comment-reply-title {
	font-family: var(--aeob-font-head);
	font-size: 26px;
	line-height: 34px;
	letter-spacing: -0.4px;
	color: var(--aeob-navy);
}

.aeob-comments .comment-list {
	margin: 0 0 40px;
	padding: 0;
	list-style: none;
}

.aeob-comments .comment-body {
	padding-block: 24px;
	border-block-end: 1px solid var(--aeob-border);
}

.aeob-comments .comment-author .fn {
	font-weight: 600;
	color: var(--aeob-navy);
}

.aeob-comments .comment-metadata,
.aeob-comments .comment-metadata a {
	font-size: 14px;
	color: var(--aeob-ink-muted);
}

.aeob-comments label {
	display: block;
	margin-block-end: 6px;
	font-size: 15px;
	font-weight: 600;
	color: var(--aeob-navy);
}

.aeob-comments .comment-form-cookies-consent label {
	display: inline;
	font-size: 15px;
	font-weight: 400;
	color: var(--aeob-ink-body);
}

.aeob-comments input[type="text"],
.aeob-comments input[type="email"],
.aeob-comments input[type="url"],
.aeob-comments textarea {
	width: 100%;
	padding: 14px 18px;
	border: 1px solid var(--aeob-border);
	border-radius: 12px;
	background: var(--aeob-white);
	font-family: var(--aeob-font-body);
	font-size: 16px;
	color: var(--aeob-navy);
}

.aeob-comments input[type="text"]:focus,
.aeob-comments input[type="email"]:focus,
.aeob-comments input[type="url"]:focus,
.aeob-comments textarea:focus {
	outline: 2px solid var(--aeob-blue);
	outline-offset: 1px;
	border-color: transparent;
}

.aeob-comments .form-submit input[type="submit"],
.aeob-comments .submit {
	padding: 14px 34px;
	border: 0;
	border-radius: 100px;
	background: var(--aeob-blue-deep);
	font-family: var(--aeob-font-body);
	font-size: 16px;
	font-weight: 600;
	color: var(--aeob-white);
	cursor: pointer;
}

.aeob-comments .form-submit input[type="submit"]:hover,
.aeob-comments .submit:hover {
	background: var(--aeob-blue);
}

/* --------------------------------------------------------------------- CTA */

.aeob-cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 26px;
	padding: 72px 140px;
	border-radius: var(--aeob-radius-card);
	background: var(--aeob-navy);
	text-align: center;
}

.aeob-cta__title {
	margin: 0;
	max-width: 860px;
	font-family: var(--aeob-font-head);
	font-size: 43.2px;
	line-height: 51.84px;
	letter-spacing: -1.08px;
	color: var(--aeob-white);
}

.aeob-cta__text {
	margin: 0;
	max-width: 820px;
	font-size: 19px;
	line-height: 31px;
	color: var(--aeob-white);
}

.aeob-cta .aeob-btn {
	margin-block-start: 14px;
	min-width: 320px;
}

/* ------------------------------------------------------------------ tablet */

@media (max-width: 1024px) {
	.aeo-blog {
		--aeob-gutter: 40px;
		--aeob-pad-y: 72px;
	}

	.aeob-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 36px 28px;
	}

	.aeob-hero {
		padding-block: 84px 76px;
	}

	.aeob-hero__title {
		font-size: 44px;
		line-height: 52px;
		letter-spacing: -1.2px;
	}

	.aeob-hero__title--post {
		font-size: 38px;
		line-height: 46px;
	}

	.aeob-cta {
		padding: 56px 48px;
	}

	.aeob-cta__title {
		font-size: 34px;
		line-height: 42px;
	}
}

/* ------------------------------------------------------------------ mobile */

@media (max-width: 767px) {
	.aeo-blog {
		--aeob-gutter: 24px;
		--aeob-pad-y: 56px;
	}

	.aeob-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 28px;
	}

	.aeob-section--list {
		padding-block: 56px 72px;
	}

	.aeob-section--cta {
		padding-block: 0 72px;
	}

	.aeob-hero {
		padding-block: 56px 56px;
	}

	.aeob-hero__title {
		font-size: 34px;
		line-height: 42px;
		letter-spacing: -0.8px;
	}

	.aeob-hero__title--post {
		font-size: 30px;
		line-height: 38px;
	}

	.aeob-hero__subtitle {
		margin-block-start: 20px;
		font-size: 18px;
		line-height: 27px;
	}

	.aeob-hero__bloom {
		display: none;
	}

	.aeob-card__body {
		padding: 24px;
	}

	.aeob-feature {
		margin-block-start: -28px;
	}

	.aeob-section--article {
		padding-block: 48px 8px;
	}

	.aeob-prose {
		font-size: 17px;
		line-height: 29px;
	}

	.aeob-prose h2 {
		margin: 40px 0 16px;
		font-size: 27px;
		line-height: 35px;
	}

	.aeob-prose h3 {
		font-size: 22px;
		line-height: 30px;
	}

	.aeob-prose blockquote {
		font-size: 20px;
		line-height: 32px;
		padding-inline-start: 20px;
	}

	.aeob-postnav {
		grid-template-columns: minmax(0, 1fr);
	}

	.aeob-postnav__item--next {
		text-align: start;
	}

	.aeob-postnav__item--next:only-child {
		grid-column: 1;
	}

	.aeob-cta {
		padding: 40px 24px;
	}

	.aeob-cta__title {
		font-size: 28px;
		line-height: 36px;
	}

	.aeob-cta .aeob-btn,
	.aeob-empty .aeob-btn {
		width: 100%;
		min-width: 0;
	}

	.aeo-blog .search-form {
		flex-direction: column;
	}

	.aeo-blog .search-form .search-submit,
	.aeo-blog .search-form input[type="submit"] {
		width: 100%;
	}

	.aeob-pagination {
		margin-block-start: 48px;
	}

	.aeob-pagination .page-numbers {
		min-width: 44px;
		height: 44px;
		padding-inline: 12px;
		font-size: 15px;
	}

	.aeob-pagination__word {
		display: none;
	}
}

/* ------------------------------------------------------------- preferences */

@media (prefers-reduced-motion: reduce) {
	.aeo-blog *,
	.aeo-blog *::before,
	.aeo-blog *::after {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
	}
}