/**
 * Single-post presentation for Maeander Classic.
 * The site header and footer are intentionally styled by the shared theme CSS.
 */

.mx-article-page {
	--mx-navy: var(--maeander-navy, var(--navy, #10273a));
	--mx-dark: var(--maeander-dark, var(--navy-2, #091a28));
	--mx-copy: #405767;
	--mx-muted: #71838f;
	--mx-yellow: var(--maeander-yellow, var(--yellow, #f4cf16));
	--mx-teal: var(--maeander-teal, var(--teal, #087f78));
	--mx-line: #dce5e9;
	--mx-canvas: #fbfbf8;
	--mx-soft: #f4f7f8;
	background: #fff;
	color: var(--mx-copy);
}

.mx-article-page *,
.mx-article-page *::before,
.mx-article-page *::after {
	box-sizing: border-box;
}

.mx-article-page img {
	max-width: 100%;
	height: auto;
}

.mx-article-main {
	display: block;
	margin: 0;
	padding: 0;
	background: #fff;
}

.mx-shell {
	width: min(1180px, calc(100% - 48px));
	margin-inline: auto;
}

.mx-reading-progress {
	position: fixed;
	z-index: 10000;
	top: 0;
	right: 0;
	left: 0;
	height: 3px;
	background: rgb(16 39 58 / 12%);
	pointer-events: none;
}

.admin-bar .mx-reading-progress {
	top: 32px;
}

.mx-reading-progress__bar {
	display: block;
	width: 0;
	height: 100%;
	background: var(--mx-teal);
	transform-origin: left center;
}

.mx-article-record {
	margin: 0;
}

.mx-article-masthead {
	border-bottom: 1px solid var(--mx-line);
	background: var(--mx-canvas);
}

.mx-article-head-grid {
	display: grid;
	grid-template-columns: 170px minmax(0, 850px);
	gap: 54px;
	align-items: start;
	padding-block: 56px 42px;
}

.mx-article-ledger {
	padding-top: 4px;
}

.mx-article-ledger::before {
	display: block;
	width: 44px;
	height: 3px;
	margin-bottom: 16px;
	background: var(--mx-yellow);
	content: "";
}

.mx-article-ledger > strong {
	display: block;
	margin-bottom: 15px;
	color: var(--mx-navy);
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .1em;
	line-height: 1.5;
	text-transform: uppercase;
}

.mx-article-ledger dl {
	margin: 0;
}

.mx-article-ledger dl > div {
	padding-block: 8px;
	border-top: 1px solid var(--mx-line);
}

.mx-article-ledger dt {
	color: #84949d;
	font-size: 10px;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.mx-article-ledger dd {
	margin: 2px 0 0;
	color: var(--mx-navy);
	font-size: 12px;
	font-weight: 750;
}

.mx-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin: 0 0 22px;
	color: #738691;
	font-size: 11px;
	font-weight: 750;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.mx-breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.mx-breadcrumb a:hover,
.mx-breadcrumb a:focus-visible {
	color: var(--mx-teal);
}

.mx-article-category {
	margin: 0 0 13px;
	color: var(--mx-teal);
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.mx-article-title {
	max-width: 850px;
	margin: 0;
	color: var(--mx-navy);
	font-size: clamp(44px, 4.4vw, 58px);
	font-weight: 780;
	letter-spacing: -.043em;
	line-height: 1.07;
	overflow-wrap: anywhere;
}

.mx-article-title.mx-title--long {
	font-size: clamp(39px, 3.9vw, 50px);
	line-height: 1.1;
}

.mx-article-title.mx-title--very-long {
	font-size: clamp(35px, 3.5vw, 45px);
	line-height: 1.12;
}

.mx-article-dek {
	max-width: 720px;
	margin: 20px 0 0;
	color: #516875;
	font-size: 19px;
	line-height: 1.58;
}

.mx-article-byline {
	margin: 19px 0 0;
	color: #71838e;
	font-size: 12px;
}

.mx-article-byline a {
	color: var(--mx-navy);
	font-weight: 760;
	text-decoration: none;
}

.mx-article-byline a:hover,
.mx-article-byline a:focus-visible {
	color: var(--mx-teal);
}

.mx-article-mobile-meta {
	display: none;
}

.mx-feature-wrap {
	padding: 0 0 38px 224px;
}

.mx-feature {
	width: fit-content;
	max-width: 760px;
	margin: 0;
}

.mx-feature img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 520px;
	margin: 0;
	object-fit: contain;
	background: #fff;
}

.mx-feature--landscape img {
	max-width: 760px;
	max-height: 440px;
}

.mx-feature--square img {
	max-width: 560px;
}

.mx-feature--portrait img {
	max-width: 440px;
}

.mx-feature figcaption {
	max-width: 760px;
	padding-top: 9px;
	color: var(--mx-muted);
	font-size: 12px;
	line-height: 1.5;
}

.mx-article-content-grid {
	align-items: start;
	padding-block: 52px 82px;
}

.mx-article-content-grid--toc {
	display: grid;
	grid-template-columns: 170px minmax(0, 760px) 1fr;
	gap: 54px;
}

.mx-article-content-grid--plain {
	display: block;
}

.mx-toc {
	position: sticky;
	top: 104px;
	padding-top: 4px;
}

.admin-bar .mx-toc {
	top: 136px;
}

.mx-toc > strong {
	display: block;
	padding-bottom: 11px;
	border-bottom: 3px solid var(--mx-navy);
	color: var(--mx-navy);
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.mx-toc ol {
	margin: 0;
	padding: 7px 0 0;
	list-style: none;
	counter-reset: mx-toc;
}

.mx-toc li {
	position: relative;
	margin: 0;
	padding: 9px 0 9px 26px;
	border-bottom: 1px solid var(--mx-line);
	color: #607681;
	font-size: 12px;
	line-height: 1.42;
}

.mx-toc li::before {
	position: absolute;
	left: 0;
	color: #98a8b0;
	counter-increment: mx-toc;
	content: counter(mx-toc, decimal-leading-zero);
}

.mx-toc a {
	color: inherit;
	text-decoration: none;
}

.mx-toc a[aria-current="true"] {
	color: var(--mx-navy);
	font-weight: 760;
}

.mx-toc a[aria-current="true"]::before {
	position: absolute;
	left: -10px;
	width: 3px;
	height: 15px;
	margin-top: 1px;
	background: var(--mx-yellow);
	content: "";
}

.mx-article-body {
	min-width: 0;
}

.mx-article-content-grid--toc .mx-article-body {
	grid-column: 2;
}

.mx-article-content-grid--plain .mx-article-body {
	width: min(760px, 100%);
	margin-inline: auto;
}

.mx-mobile-toc {
	display: none;
}

.mx-article-entry {
	min-width: 0;
	color: var(--mx-copy);
	font-size: 18px;
	line-height: 1.75;
}

.mx-article-entry > p:first-child {
	color: #2d4857;
	font-size: 19px;
	line-height: 1.72;
}

.mx-article-entry p {
	margin: 0 0 1.45em;
}

.mx-article-entry h2 {
	margin: 1.9em 0 .68em;
	color: var(--mx-navy);
	font-size: 33px;
	font-weight: 760;
	letter-spacing: -.026em;
	line-height: 1.2;
	scroll-margin-top: 120px;
}

.mx-article-entry h3 {
	margin: 1.65em 0 .55em;
	color: var(--mx-navy);
	font-size: 23px;
	font-weight: 750;
	line-height: 1.3;
	scroll-margin-top: 120px;
}

.mx-article-entry h4 {
	margin: 1.5em 0 .5em;
	color: var(--mx-navy);
	font-size: 19px;
	line-height: 1.35;
}

.mx-article-entry a {
	color: var(--mx-teal);
	font-weight: 650;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	overflow-wrap: anywhere;
}

.mx-article-entry a:hover,
.mx-article-entry a:focus-visible {
	color: #006d68;
}

.mx-article-entry ul,
.mx-article-entry ol {
	margin: 0 0 1.7em;
	padding-left: 1.3em;
}

.mx-article-entry li {
	margin: .5em 0;
	padding-left: .2em;
}

.mx-article-entry blockquote {
	margin: 2em 0;
	padding: 19px 22px;
	border-left: 3px solid var(--mx-yellow);
	background: #fffbea;
	color: #2c4655;
}

.mx-article-entry blockquote p:last-child {
	margin-bottom: 0;
}

.mx-article-entry figure {
	margin: 34px 0;
}

.mx-article-entry figure img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin-inline: auto;
}

.mx-article-entry figcaption {
	margin-top: 8px;
	color: var(--mx-muted);
	font-size: 12px;
	line-height: 1.5;
	text-align: left;
}

.mx-article-entry .alignwide {
	width: min(920px, calc(100vw - 48px));
	max-width: none;
	margin-left: 50%;
	transform: translateX(-50%);
}

.mx-article-entry .alignfull {
	width: 100%;
	max-width: 100%;
	margin-inline: 0;
	transform: none;
}

.mx-article-entry iframe,
.mx-article-entry video {
	max-width: 100%;
}

.mx-article-entry pre {
	max-width: 100%;
	padding: 18px;
	overflow: auto;
	background: var(--mx-soft);
}

.mx-article-entry .wp-block-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.mx-article-entry .wp-block-gallery figure {
	margin: 0;
}

.mx-table-wrap,
.mx-article-entry .wp-block-table {
	max-width: 100%;
	margin: 28px 0 40px;
	overflow-x: auto;
	border: 1px solid var(--mx-line);
	border-radius: 12px;
	-webkit-overflow-scrolling: touch;
}

.mx-article-entry .wp-block-table .mx-table-wrap {
	margin: 0;
	border: 0;
	border-radius: 0;
}

.mx-article-entry table {
	width: 100%;
	min-width: 650px;
	margin: 0;
	border: 0;
	border-collapse: collapse;
	font-size: 14px;
	line-height: 1.5;
}

.mx-article-entry th {
	padding: 14px 15px;
	border: 0;
	background: var(--mx-navy);
	color: #fff;
	font-weight: 750;
	text-align: left;
	vertical-align: top;
}

.mx-article-entry td {
	padding: 14px 15px;
	border: 0;
	border-bottom: 1px solid var(--mx-line);
	text-align: left;
	vertical-align: top;
}

.mx-article-entry tbody tr:nth-child(even) td {
	background: #f7f9fa;
}

.mx-article-entry tbody tr:last-child td {
	border-bottom: 0;
}

.mx-article-faq {
	margin-top: 52px;
}

.mx-article-faq > h2 {
	margin-bottom: 18px;
}

.mx-article-faq details {
	border-top: 1px solid var(--mx-line);
}

.mx-article-faq details:last-child {
	border-bottom: 1px solid var(--mx-line);
}

.mx-article-faq summary {
	position: relative;
	padding: 17px 34px 17px 0;
	color: var(--mx-navy);
	cursor: pointer;
	font-size: 16px;
	font-weight: 750;
	line-height: 1.45;
	list-style: none;
}

.mx-article-faq summary::-webkit-details-marker {
	display: none;
}

.mx-article-faq summary::after {
	position: absolute;
	right: 0;
	color: var(--mx-teal);
	content: "+";
	font-size: 21px;
	font-weight: 500;
}

.mx-article-faq details[open] summary::after {
	content: "−";
}

.mx-faq-answer {
	padding: 0 34px 2px 0;
	font-size: 16px;
}

.mx-faq-answer p:last-child {
	margin-bottom: 16px;
}

.mx-article-entry .nf-form-cont {
	margin: 38px 0;
	padding: 26px;
	border: 1px solid var(--mx-line);
	border-radius: 16px;
	background: var(--mx-soft);
}

.mx-article-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 42px;
	padding-top: 20px;
	border-top: 1px solid var(--mx-line);
}

.mx-article-tags span {
	margin-right: 4px;
	color: var(--mx-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.mx-article-tags a {
	padding: 4px 8px;
	border: 1px solid var(--mx-line);
	color: var(--mx-copy);
	font-size: 11px;
	text-decoration: none;
}

.mx-article-tags a:hover,
.mx-article-tags a:focus-visible {
	border-color: var(--mx-teal);
	color: var(--mx-teal);
}

.mx-editorial-note {
	display: flex;
	gap: 15px;
	align-items: center;
	margin-top: 34px;
	padding-top: 20px;
	border-top: 1px solid var(--mx-line);
}

.mx-editorial-note > span {
	display: grid;
	flex: 0 0 42px;
	height: 42px;
	place-items: center;
	border-radius: 50%;
	background: var(--mx-yellow);
	color: var(--mx-navy);
	font-weight: 850;
}

.mx-editorial-note strong {
	display: block;
	color: var(--mx-navy);
	font-size: 13px;
}

.mx-editorial-note p {
	margin: 2px 0 0;
	color: var(--mx-muted);
	font-size: 12px;
	line-height: 1.55;
}

.mx-related {
	border-top: 1px solid var(--mx-line);
	background: var(--mx-soft);
}

.mx-related__inner {
	padding-block: 42px;
}

.mx-related h2 {
	margin: 0 0 19px;
	color: var(--mx-navy);
	font-size: 24px;
}

.mx-related__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.mx-related__grid a {
	display: block;
	min-height: 106px;
	padding: 18px;
	border: 1px solid var(--mx-line);
	border-radius: 12px;
	background: #fff;
	color: var(--mx-navy);
	font-size: 14px;
	font-weight: 750;
	line-height: 1.45;
	text-decoration: none;
}

.mx-related__grid a:hover,
.mx-related__grid a:focus-visible {
	border-color: var(--mx-teal);
	box-shadow: 0 12px 30px rgb(16 39 58 / 8%);
}

.mx-related__grid small {
	display: block;
	margin-bottom: 7px;
	color: var(--mx-teal);
	font-size: 10px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.mx-article-enquiry {
	padding-block: 58px;
	background: var(--mx-yellow);
	color: var(--mx-navy);
}

.mx-article-enquiry__grid {
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(430px, 1.18fr);
	gap: 64px;
	align-items: start;
}

.mx-enquiry-eyebrow {
	margin: 0 0 10px;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.mx-article-enquiry h2 {
	margin: 0 0 13px;
	color: var(--mx-navy);
	font-size: 36px;
	letter-spacing: -.025em;
	line-height: 1.15;
}

.mx-article-enquiry__copy > p:not(.mx-enquiry-eyebrow) {
	max-width: 480px;
	margin: 0;
	color: #354c5a;
	font-size: 16px;
	line-height: 1.65;
}

.mx-article-enquiry ul {
	margin: 26px 0 0;
	padding: 0;
	list-style: none;
}

.mx-article-enquiry li {
	display: grid;
	grid-template-columns: 155px 1fr;
	gap: 15px;
	padding-block: 11px;
	border-top: 1px solid rgb(9 43 63 / 18%);
	font-size: 14px;
}

.mx-article-enquiry li span {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.mx-article-enquiry li a {
	color: inherit;
	font-weight: 760;
	text-decoration: none;
}

.mx-article-enquiry__form {
	padding: 28px 32px;
	border: 1px solid rgb(9 43 63 / 8%);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 18px 45px rgb(9 43 63 / 12%);
}

.mx-article-enquiry__form .nf-form-fields-required {
	margin-bottom: 14px;
	color: var(--mx-muted);
	font-size: 12px;
}

.mx-article-enquiry__form .nf-field-container {
	margin-bottom: 15px;
}

.mx-article-enquiry__form .nf-field-label {
	margin-bottom: 6px !important;
}

.mx-article-enquiry__form .nf-field-label label {
	color: var(--mx-navy);
	font-size: 13px;
}

.mx-article-enquiry__form input:not([type="button"]):not([type="submit"]),
.mx-article-enquiry__form textarea,
.mx-article-enquiry__form select,
.mx-article-entry .nf-form-cont input:not([type="button"]):not([type="submit"]),
.mx-article-entry .nf-form-cont textarea,
.mx-article-entry .nf-form-cont select {
	width: 100%;
	border: 1px solid #cbd6dc !important;
	border-radius: 6px !important;
	background: #fbfcfc !important;
	color: var(--mx-navy) !important;
	box-shadow: none !important;
}

.mx-article-enquiry__form input:not([type="button"]):not([type="submit"]),
.mx-article-enquiry__form select {
	height: 48px !important;
}

.mx-article-enquiry__form textarea {
	min-height: 105px !important;
}

.mx-article-enquiry__form input:focus,
.mx-article-enquiry__form textarea:focus,
.mx-article-enquiry__form select:focus {
	border-color: var(--mx-teal) !important;
	outline: 3px solid rgb(0 143 137 / 12%) !important;
	background: #fff !important;
}

.mx-article-enquiry__form input[type="button"],
.mx-article-enquiry__form input[type="submit"],
.mx-article-enquiry__form button,
.mx-article-entry .nf-form-cont input[type="button"],
.mx-article-entry .nf-form-cont input[type="submit"],
.mx-article-entry .nf-form-cont button {
	min-width: 140px !important;
	padding: 13px 24px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--mx-navy) !important;
	color: #fff !important;
	font-weight: 780 !important;
	cursor: pointer;
}

.mx-form-fallback {
	margin: 0;
}

.mx-form-fallback a {
	color: var(--mx-teal);
	font-weight: 800;
}

.mx-article-page .comment-respond,
.mx-article-page #comments,
.mx-article-page .post-comments {
	display: none !important;
}

.mx-article-page :focus-visible {
	outline: 3px solid rgb(0 143 137 / 45%);
	outline-offset: 3px;
}

@media (max-width: 1000px) {
	.mx-article-content-grid--toc {
		grid-template-columns: 160px minmax(0, 720px);
		gap: 42px;
	}

	.mx-feature-wrap {
		padding-left: 214px;
	}

	.mx-article-enquiry__grid {
		gap: 42px;
	}
}

@media (max-width: 900px) {
	.mx-article-head-grid {
		grid-template-columns: 1fr;
		gap: 0;
		max-width: 780px;
	}

	.mx-article-ledger {
		display: none;
	}

	.mx-feature-wrap {
		max-width: 780px;
		padding-left: 0;
	}

	.mx-feature {
		max-width: 100%;
	}

	.mx-article-content-grid--toc,
	.mx-article-content-grid--plain {
		display: block;
		max-width: 780px;
	}

	.mx-toc {
		display: none;
	}

	.mx-mobile-toc {
		display: block;
		margin-bottom: 30px;
		border: 1px solid var(--mx-line);
		border-radius: 10px;
	}

	.mx-mobile-toc summary {
		position: relative;
		padding: 14px 40px 14px 16px;
		color: var(--mx-navy);
		cursor: pointer;
		font-size: 11px;
		font-weight: 850;
		letter-spacing: .09em;
		list-style: none;
		text-transform: uppercase;
	}

	.mx-mobile-toc summary::-webkit-details-marker {
		display: none;
	}

	.mx-mobile-toc summary::after {
		position: absolute;
		right: 15px;
		color: var(--mx-teal);
		content: "+";
		font-size: 20px;
	}

	.mx-mobile-toc[open] summary::after {
		content: "−";
	}

	.mx-mobile-toc ol {
		margin: 0;
		padding: 0 34px 15px;
	}

	.mx-mobile-toc li {
		margin: 6px 0;
		color: var(--mx-muted);
		font-size: 12px;
	}

	.mx-mobile-toc a {
		color: inherit;
		text-decoration: none;
	}

	.mx-article-body,
	.mx-article-content-grid--toc .mx-article-body,
	.mx-article-content-grid--plain .mx-article-body {
		width: auto;
	}

	.mx-article-enquiry__grid {
		grid-template-columns: 1fr;
	}

	.mx-article-enquiry__copy > p:not(.mx-enquiry-eyebrow) {
		max-width: 680px;
	}

	.mx-related__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 782px) {
	.admin-bar .mx-reading-progress {
		top: 46px;
	}
}

@media (max-width: 620px) {
	.mx-shell {
		width: min(calc(100% - 32px), 1180px);
	}

	.mx-article-head-grid {
		padding-block: 34px 31px;
	}

	.mx-breadcrumb {
		margin-bottom: 17px;
		font-size: 10px;
	}

	.mx-article-category {
		font-size: 10px;
	}

	.mx-article-title {
		font-size: 34px;
		line-height: 1.14;
	}

	.mx-article-title.mx-title--long {
		font-size: 31px;
		line-height: 1.16;
	}

	.mx-article-title.mx-title--very-long {
		font-size: 28px;
		line-height: 1.18;
	}

	.mx-article-dek {
		margin-top: 15px;
		font-size: 17px;
		line-height: 1.55;
	}

	.mx-article-mobile-meta {
		display: flex;
		flex-wrap: wrap;
		gap: 5px 13px;
		margin-top: 16px;
		color: var(--mx-muted);
		font-size: 11px;
	}

	.mx-article-mobile-meta span + span::before {
		margin-right: 13px;
		color: var(--mx-yellow);
		content: "•";
	}

	.mx-article-byline {
		margin-top: 9px;
	}

	.mx-feature-wrap {
		padding-bottom: 27px;
	}

	.mx-feature img,
	.mx-feature--landscape img,
	.mx-feature--square img,
	.mx-feature--portrait img {
		max-width: 100%;
		max-height: 360px;
	}

	.mx-article-content-grid {
		padding-block: 36px 60px;
	}

	.mx-article-entry {
		font-size: 17px;
		line-height: 1.72;
	}

	.mx-article-entry > p:first-child {
		font-size: 18px;
	}

	.mx-article-entry h2 {
		font-size: 27px;
	}

	.mx-article-entry h3 {
		font-size: 22px;
	}

	.mx-article-entry .alignwide {
		width: 100%;
		margin-left: 0;
		transform: none;
	}

	.mx-article-entry .wp-block-gallery {
		grid-template-columns: 1fr;
	}

	.mx-article-entry table {
		min-width: 620px;
		font-size: 13px;
	}

	.mx-editorial-note {
		align-items: flex-start;
	}

	.mx-related__inner {
		padding-block: 34px;
	}

	.mx-related__grid {
		grid-template-columns: 1fr;
	}

	.mx-related__grid a {
		min-height: 0;
	}

	.mx-article-enquiry {
		padding-block: 46px;
	}

	.mx-article-enquiry h2 {
		font-size: 30px;
	}

	.mx-article-enquiry li {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.mx-article-enquiry__form {
		padding: 24px 20px;
	}

	.mx-article-enquiry__form input[type="button"],
	.mx-article-enquiry__form input[type="submit"],
	.mx-article-enquiry__form button {
		width: 100% !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mx-reading-progress__bar {
		transition: none;
	}
}