/* ========================================
   MedXFactor Single Blog Post
   ======================================== */

.mxf-single-post {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0 0 104px;
	background: #e3f0f8;
	color: var(--mxf-text);
	font-family: var(--mxf-font-body);
	overflow: hidden;
}

.mxf-single-post *,
.mxf-single-post *::before,
.mxf-single-post *::after {
	box-sizing: border-box;
}

.mxf-single-post a {
	text-decoration: none;
}

.mxf-single-post__container {
	width: min(var(--mxf-container), calc(100% - 48px));
	margin-inline: auto;
}

/* Breadcrumb */
.mxf-single-post__breadcrumb-shell {
	position: relative;
	z-index: 2;
	width: min(1308px, calc(100% - 48px));
	margin-inline: auto;
	padding-top: 1px;
}

.mxf-single-post__breadcrumb {
	display: flex;
	align-items: center;
	gap: 13px;
	min-width: 0;
	min-height: 64px;
	padding: 0 33px;
	border-radius: 999px;
	background: #fff;
	color: #333d49;
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
}

.mxf-single-post__breadcrumb a {
	flex: 0 0 auto;
	color: #59616c;
	transition: color 160ms ease;
}

.mxf-single-post__breadcrumb a:hover,
.mxf-single-post__breadcrumb a:focus-visible {
	color: var(--mxf-primary);
}

.mxf-single-post__breadcrumb svg {
	width: 14px;
	height: 14px;
	flex: 0 0 auto;
	fill: none;
	stroke: #8e9aa5;
	stroke-width: 1.45;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mxf-single-post__breadcrumb span {
	display: block;
	min-width: 0;
	overflow: hidden;
	color: #1b2530;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Main article and sidebar */
.mxf-single-post__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 24px;
	align-items: start;
	padding-top: 24px;
}

.mxf-single-post__article {
	min-width: 0;
}

/* Featured article image */
.mxf-single-post__hero {
	position: relative;
	width: 100%;
	min-height: 348px;
	margin: 0;
	border: 1px solid rgb(83 127 160 / 10%);
	border-radius: 23px;
	background: #dcecf7;
	box-shadow: 0 6px 20px rgb(30 77 115 / 3%);
	overflow: hidden;
}

.mxf-single-post__hero-media,
.mxf-single-post__hero-media::after {
	position: absolute;
	inset: 0;
}

.mxf-single-post__hero-media {
	background:
		radial-gradient(circle at 72% 28%, rgb(111 195 255 / 34%), transparent 34%),
		linear-gradient(125deg, #f8fbfe 0%, #e8f2fb 46%, #9ed5fb 100%);
}

.mxf-single-post__hero-media::after {
	content: "";
	background:
		linear-gradient(90deg, rgb(255 255 255 / 96%) 0%, rgb(255 255 255 / 82%) 25%, rgb(255 255 255 / 19%) 57%, transparent 75%),
		linear-gradient(0deg, rgb(227 240 248 / 10%), transparent 42%);
	pointer-events: none;
}

.mxf-single-post__hero-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.mxf-single-post__hero-art {
	display: block;
	width: 100%;
	height: 100%;
	background:
		radial-gradient(circle at 70% 46%, rgb(0 83 246 / 22%) 0 9%, transparent 10%),
		radial-gradient(circle at 76% 32%, rgb(255 255 255 / 92%) 0 4%, transparent 5%),
		linear-gradient(135deg, #f8fcff, #c7e7fb);
}

.mxf-single-post__hero-copy {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	width: min(52%, 520px);
	min-height: 348px;
	padding: 42px 0 42px 34px;
}

.mxf-single-post__hero-category {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 31px;
	margin-bottom: 15px;
	padding: 0 13px;
	border: 1px solid rgb(0 83 246 / 24%);
	border-radius: 999px;
	background: rgb(255 255 255 / 65%);
	color: var(--mxf-primary);
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	transition: background-color 160ms ease, color 160ms ease;
}

.mxf-single-post__hero-category:hover,
.mxf-single-post__hero-category:focus-visible {
	background: var(--mxf-primary);
	color: #fff;
}

.mxf-single-post__hero-copy h2 {
	margin: 0 0 14px;
	color: #111;
	font-family: var(--mxf-font-display);
	font-size: clamp(28px, 2.35vw, 36px);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -0.034em;
}

.mxf-single-post__hero-copy p {
	max-width: 430px;
	margin: 0;
	color: #3f474f;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.55;
}

.mxf-single-post__hero-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin-top: 20px;
	color: #4d5964;
	font-size: 12px;
	line-height: 1.2;
}

.mxf-single-post__hero-meta span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
}

.mxf-single-post__hero-meta svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Article typography */
.mxf-single-post__article-header {
	padding-top: 31px;
}

.mxf-single-post__article-header h1 {
	margin: 0 0 22px;
	color: #111;
	font-family: var(--mxf-font-display);
	font-size: clamp(29px, 2.25vw, 36px);
	font-weight: 500;
	line-height: 1.16;
	letter-spacing: -0.035em;
}

.mxf-single-post__content {
	color: #3f4952;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.9;
}

.mxf-single-post__content > *:first-child {
	margin-top: 0;
}

.mxf-single-post__content > *:last-child {
	margin-bottom: 0;
}

.mxf-single-post__content p {
	margin: 0 0 22px;
}

.mxf-single-post__content h2,
.mxf-single-post__content h3,
.mxf-single-post__content h4,
.mxf-single-post__content h5,
.mxf-single-post__content h6 {
	color: #101820;
	font-family: var(--mxf-font-display);
	font-weight: 500;
	letter-spacing: -0.025em;
}

.mxf-single-post__content h2 {
	margin: 54px 0 22px;
	font-size: clamp(28px, 2vw, 34px);
	line-height: 1.18;
}

.mxf-single-post__content h3 {
	margin: 42px 0 18px;
	font-size: 27px;
	line-height: 1.2;
}

.mxf-single-post__content h4 {
	margin: 34px 0 16px;
	font-size: 22px;
	line-height: 1.25;
}

.mxf-single-post__content a {
	color: var(--mxf-primary);
	text-decoration: underline;
	text-decoration-color: rgb(0 83 246 / 35%);
	text-underline-offset: 3px;
}

.mxf-single-post__content a:hover,
.mxf-single-post__content a:focus-visible {
	text-decoration-color: currentColor;
}

.mxf-single-post__content ul,
.mxf-single-post__content ol {
	margin: 0 0 26px;
	padding-left: 26px;
}

.mxf-single-post__content li + li {
	margin-top: 9px;
}

.mxf-single-post__content blockquote,
.mxf-single-post__content .wp-block-quote {
	margin: 38px 0;
	padding: 28px 30px 26px 34px;
	border: 0;
	border-left: 4px solid var(--mxf-primary);
	border-radius: 0 18px 18px 0;
	background: rgb(255 255 255 / 72%);
	color: #26313b;
	font-family: var(--mxf-font-display);
	font-size: 22px;
	line-height: 1.55;
}

.mxf-single-post__content blockquote p:last-child {
	margin-bottom: 0;
}

.mxf-single-post__content figure,
.mxf-single-post__content .wp-block-image,
.mxf-single-post__content .wp-block-gallery,
.mxf-single-post__content .wp-block-video,
.mxf-single-post__content .wp-block-embed {
	margin-top: 48px;
	margin-bottom: 45px;
}

.mxf-single-post__content .alignwide,
.mxf-single-post__content .alignfull {
	width: 100%;
	max-width: 100%;
	margin-right: 0;
	margin-left: 0;
}

.mxf-single-post__content .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
}

.mxf-single-post__content img,
.mxf-single-post__content video,
.mxf-single-post__content iframe {
	max-width: 100%;
	border-radius: 20px;
}

.mxf-single-post__content .wp-block-image img,
.mxf-single-post__content figure > img {
	display: block;
	width: 100%;
	height: auto;
}

.mxf-single-post__content figcaption {
	margin-top: 10px;
	color: #64717c;
	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

.mxf-single-post__content table {
	width: 100%;
	margin: 35px 0;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #cbddea;
	border-radius: 15px;
	background: rgb(255 255 255 / 70%);
	overflow: hidden;
}

.mxf-single-post__content th,
.mxf-single-post__content td {
	padding: 14px 16px;
	border-right: 1px solid #d8e7f1;
	border-bottom: 1px solid #d8e7f1;
	text-align: left;
}

.mxf-single-post__content tr:last-child td {
	border-bottom: 0;
}

.mxf-single-post__content th:last-child,
.mxf-single-post__content td:last-child {
	border-right: 0;
}

.mxf-single-post__content pre,
.mxf-single-post__content code {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.mxf-single-post__content pre {
	max-width: 100%;
	margin: 32px 0;
	padding: 22px;
	border-radius: 15px;
	background: #0d315f;
	color: #eef7ff;
	overflow: auto;
}

.mxf-single-post__page-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 36px;
}

.mxf-single-post__page-links > span:first-child {
	margin-right: 4px;
	font-weight: 600;
}

.mxf-single-post__page-links a span,
.mxf-single-post__page-links > span:not(:first-child) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--mxf-primary);
	border-radius: 50%;
	text-decoration: none;
}

.mxf-single-post__tags {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-top: 44px;
	padding-top: 25px;
	border-top: 1px solid rgb(93 137 170 / 20%);
}

.mxf-single-post__tags-label {
	padding-top: 8px;
	color: #293643;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.mxf-single-post__tags-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 9px;
}

.mxf-single-post__tags-list a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 0 13px;
	border: 1px solid rgb(0 83 246 / 25%);
	border-radius: 999px;
	background: rgb(255 255 255 / 50%);
	color: #45515d;
	font-size: 12px;
	transition: background-color 160ms ease, color 160ms ease;
}

.mxf-single-post__tags-list a:hover,
.mxf-single-post__tags-list a:focus-visible {
	background: var(--mxf-primary);
	color: #fff;
}

/* Latest posts sidebar */
.mxf-single-post__sidebar {
	min-width: 0;
}

.mxf-single-post__sidebar-card {
	padding: 27px 22px 22px;
	border: 1px solid rgb(75 123 158 / 9%);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 7px 22px rgb(25 66 98 / 4%);
}

.mxf-single-post__sidebar-header {
	padding: 0 2px 21px;
	border-bottom: 1px solid #e0ebf3;
}

.mxf-single-post__sidebar-header > span {
	display: block;
	margin-bottom: 7px;
	color: var(--mxf-primary);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.mxf-single-post__sidebar-header h2 {
	margin: 0;
	color: #111;
	font-family: var(--mxf-font-display);
	font-size: 29px;
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -0.035em;
}

.mxf-single-post__latest-list {
	display: grid;
	gap: 0;
}

.mxf-single-post__latest-item {
	display: grid;
	grid-template-columns: 82px minmax(0, 1fr);
	gap: 13px;
	align-items: center;
	padding: 19px 0;
	border-bottom: 1px solid #e5eef5;
}

.mxf-single-post__latest-media {
	display: block;
	width: 82px;
	height: 72px;
	border-radius: 10px;
	background:
		radial-gradient(circle at 70% 30%, rgb(84 182 255 / 38%), transparent 35%),
		linear-gradient(135deg, #eef8fe, #b7ddf8);
	overflow: hidden;
}

.mxf-single-post__latest-media img,
.mxf-single-post__latest-media > span {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 250ms ease;
}

.mxf-single-post__latest-item:hover .mxf-single-post__latest-media img {
	transform: scale(1.035);
}

.mxf-single-post__latest-copy {
	min-width: 0;
}

.mxf-single-post__latest-category {
	display: block;
	margin-bottom: 5px;
	color: var(--mxf-primary);
	font-size: 10px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.mxf-single-post__latest-copy h3 {
	margin: 0 0 7px;
	font-family: var(--mxf-font-body);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.28;
	letter-spacing: -0.01em;
}

.mxf-single-post__latest-copy h3 a {
	display: -webkit-box;
	overflow: hidden;
	color: #17212b;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	transition: color 160ms ease;
}

.mxf-single-post__latest-copy h3 a:hover,
.mxf-single-post__latest-copy h3 a:focus-visible {
	color: var(--mxf-primary);
}

.mxf-single-post__latest-meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 9px;
	color: #77828c;
	font-size: 10px;
	line-height: 1.2;
}

.mxf-single-post__latest-meta span {
	position: relative;
	padding-left: 9px;
}

.mxf-single-post__latest-meta span::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #9ba8b2;
	transform: translateY(-50%);
}

.mxf-single-post__latest-empty {
	margin: 24px 0;
	color: #68747f;
	font-size: 14px;
	line-height: 1.6;
}

.mxf-single-post__sidebar-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	width: 100%;
	height: 45px;
	margin-top: 20px;
	padding: 0 20px;
	border-radius: 999px;
	background: var(--mxf-primary);
	color: #fff !important;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.mxf-single-post__sidebar-button svg {
	width: 18px;
	height: 18px;
	fill: #fff;
	stroke: var(--mxf-primary);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mxf-single-post__sidebar-button:hover,
.mxf-single-post__sidebar-button:focus-visible {
	background: #0049dc;
	box-shadow: 0 9px 20px rgb(0 83 246 / 17%);
	transform: translateY(-1px);
}

/* Comments */
.mxf-comments {
	position: relative;
	margin-top: 92px;
}

.mxf-comments__intro {
	max-width: 650px;
	margin: 0 auto 38px;
	text-align: center;
}

.mxf-comments__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 31px;
	margin-bottom: 14px;
	padding: 0 14px;
	border: 1px solid rgb(0 83 246 / 25%);
	border-radius: 999px;
	background: rgb(255 255 255 / 45%);
	color: var(--mxf-primary);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.mxf-comments__intro h2 {
	margin: 0 0 13px;
	color: #111;
	font-family: var(--mxf-font-display);
	font-size: clamp(34px, 3vw, 44px);
	font-weight: 500;
	line-height: 1.08;
	letter-spacing: -0.04em;
}

.mxf-comments__intro p {
	margin: 0;
	color: #66727d;
	font-size: 15px;
	line-height: 1.65;
}

.mxf-comments__list-card,
.mxf-comments > .comment-respond,
.mxf-comments__closed {
	width: min(930px, 100%);
	margin-inline: auto;
	border: 1px solid rgb(75 123 158 / 9%);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 9px 28px rgb(25 66 98 / 4%);
}

.mxf-comments__list-card {
	margin-bottom: 24px;
	padding: 32px;
}

.mxf-comments__list-title {
	margin: 0 0 25px;
	color: #111;
	font-family: var(--mxf-font-display);
	font-size: 28px;
	font-weight: 500;
	line-height: 1.15;
}

.mxf-comments__list,
.mxf-comments__list .children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mxf-comments__list .children {
	margin: 16px 0 0 52px;
}

.mxf-comment + .mxf-comment {
	margin-top: 16px;
}

.mxf-comment__card {
	padding: 21px 22px;
	border: 1px solid #e0ebf3;
	border-radius: 17px;
	background: #f7fbfe;
}

.mxf-comment__header {
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr) auto;
	gap: 13px;
	align-items: center;
}

.mxf-comment__avatar img {
	display: block;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	object-fit: cover;
}

.mxf-comment__author-meta {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.mxf-comment__author,
.mxf-comment__author a {
	color: #18232d;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

.mxf-comment__date {
	color: #7b8791;
	font-size: 11px;
	line-height: 1.2;
}

.mxf-comment__actions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.mxf-comment__actions a,
.mxf-comment__edit a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 31px;
	padding: 0 12px;
	border: 1px solid rgb(0 83 246 / 22%);
	border-radius: 999px;
	color: var(--mxf-primary);
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}

.mxf-comment__content {
	margin: 16px 0 0 67px;
	color: #4d5964;
	font-size: 14px;
	line-height: 1.72;
}

.mxf-comment__content p {
	margin: 0 0 12px;
}

.mxf-comment__content p:last-child {
	margin-bottom: 0;
}

.mxf-comment__moderation {
	margin: 15px 0 0 67px;
	color: #aa6200;
	font-size: 12px;
	font-style: italic;
}

.mxf-comment--pingback .mxf-comment__card p {
	margin: 0;
	font-size: 13px;
	line-height: 1.6;
}

/* WordPress moves #respond into the selected comment when Reply is clicked. */
.mxf-comment .comment-respond {
	margin: 17px 0 0;
	padding: 25px;
	border: 1px solid #dbe8f1;
	border-radius: 17px;
	background: #fff;
	box-shadow: 0 7px 20px rgb(25 66 98 / 4%);
}

.mxf-comment .comment-respond .mxf-comment-form__heading h3 {
	font-size: 27px;
}

.mxf-comments__list-card .navigation {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 24px;
}

.mxf-comments__list-card .navigation .nav-links {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
}

.mxf-comments__list-card .navigation a {
	color: var(--mxf-primary);
	font-size: 13px;
	font-weight: 600;
}

.mxf-comments > .comment-respond {
	padding: 37px 40px 40px;
}

.mxf-comment-form__heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 9px;
}

.mxf-comment-form__heading > span {
	color: var(--mxf-primary);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.mxf-comment-form__heading h3 {
	order: -1;
	margin: 0;
	color: #111;
	font-family: var(--mxf-font-display);
	font-size: 31px;
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: -0.035em;
}

.mxf-comment-form__cancel {
	margin-left: 8px;
	font-family: var(--mxf-font-body);
	font-size: 12px;
	letter-spacing: 0;
}

.mxf-comment-form__cancel a {
	color: var(--mxf-primary);
}

.mxf-comments .comment-respond .comment-notes,
.mxf-comments .comment-respond .logged-in-as,
.mxf-comments .comment-respond .must-log-in {
	margin: 0 0 24px;
	color: #75808a;
	font-size: 13px;
	line-height: 1.55;
}

.mxf-comments .comment-respond .logged-in-as a,
.mxf-comments .comment-respond .must-log-in a {
	color: var(--mxf-primary);
}

.mxf-comment-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 19px 20px;
}

.mxf-comment-form p {
	margin: 0;
}

.mxf-comment-form .comment-notes,
.mxf-comment-form .logged-in-as,
.mxf-comment-form .must-log-in,
.mxf-comment-form__field--comment,
.mxf-comment-form .comment-form-cookies-consent,
.mxf-comment-form .form-submit {
	grid-column: 1 / -1;
}

.mxf-comment-form__field label {
	display: block;
	margin: 0 0 8px;
	color: #303b45;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.2;
}

.mxf-comment-form__field label span {
	margin-left: 3px;
	color: var(--mxf-primary);
}

.mxf-comment-form__field input,
.mxf-comment-form__field textarea {
	display: block;
	width: 100%;
	border: 1px solid #d9e7f0;
	border-radius: 13px;
	outline: none;
	background: #f7fbfe;
	color: #1d2832;
	font-family: var(--mxf-font-body);
	font-size: 14px;
	transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

.mxf-comment-form__field input {
	height: 49px;
	padding: 0 15px;
}

.mxf-comment-form__field textarea {
	min-height: 156px;
	padding: 14px 15px;
	line-height: 1.65;
	resize: vertical;
}

.mxf-comment-form__field input:focus,
.mxf-comment-form__field textarea:focus {
	border-color: rgb(0 83 246 / 55%);
	background: #fff;
	box-shadow: 0 0 0 4px rgb(0 83 246 / 8%);
}

.mxf-comment-form__field input::placeholder,
.mxf-comment-form__field textarea::placeholder {
	color: #9ca8b2;
}

.mxf-comment-form .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: #68747e;
	font-size: 12px;
	line-height: 1.5;
}

.mxf-comment-form .comment-form-cookies-consent input {
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	margin: 1px 0 0;
	accent-color: var(--mxf-primary);
}

.mxf-comment-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-width: 178px;
	height: 48px;
	padding: 0 24px;
	border: 0;
	border-radius: 999px;
	background: var(--mxf-primary);
	color: #fff;
	font-family: var(--mxf-font-body);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	cursor: pointer;
	transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.mxf-comment-form__submit svg {
	width: 18px;
	height: 18px;
	fill: #fff;
	stroke: var(--mxf-primary);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mxf-comment-form__submit:hover,
.mxf-comment-form__submit:focus-visible {
	background: #0049dc;
	box-shadow: 0 9px 20px rgb(0 83 246 / 17%);
	transform: translateY(-1px);
}

.mxf-comments__closed {
	padding: 25px 30px;
	text-align: center;
}

.mxf-comments__closed p {
	margin: 0;
	color: #697681;
	font-size: 14px;
}

.mxf-single-post a:focus-visible,
.mxf-single-post button:focus-visible {
	outline: 3px solid rgb(0 83 246 / 27%);
	outline-offset: 3px;
}

/* Tablet */
@media (max-width: 1180px) {
	.mxf-single-post__breadcrumb-shell,
	.mxf-single-post__container {
		width: calc(100% - 32px);
	}

	.mxf-single-post__layout {
		grid-template-columns: minmax(0, 1fr) 286px;
		gap: 20px;
	}

	.mxf-single-post__hero-copy {
		width: min(57%, 500px);
		padding-left: 30px;
	}

	.mxf-single-post__sidebar-card {
		padding-inline: 18px;
	}

	.mxf-single-post__latest-item {
		grid-template-columns: 74px minmax(0, 1fr);
		gap: 11px;
	}

	.mxf-single-post__latest-media {
		width: 74px;
		height: 67px;
	}
}

/* Stack sidebar below the article */
@media (max-width: 900px) {
	.mxf-single-post {
		padding-bottom: 88px;
	}

	.mxf-single-post__layout {
		grid-template-columns: 1fr;
		gap: 56px;
	}

	.mxf-single-post__hero {
		min-height: 330px;
	}

	.mxf-single-post__hero-copy {
		width: min(62%, 510px);
		min-height: 330px;
	}

	.mxf-single-post__sidebar-card {
		padding: 28px;
	}

	.mxf-single-post__latest-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 26px;
	}

	.mxf-single-post__latest-item:nth-last-child(-n + 2) {
		border-bottom: 0;
	}

	.mxf-single-post__sidebar-button {
		width: auto;
		min-width: 190px;
	}

	.mxf-comments {
		margin-top: 78px;
	}
}

/* Mobile */
@media (max-width: 640px) {
	.mxf-single-post {
		padding-bottom: 72px;
	}

	.mxf-single-post__breadcrumb-shell,
	.mxf-single-post__container {
		width: calc(100% - 24px);
	}

	.mxf-single-post__breadcrumb-shell {
		padding-top: 8px;
	}

	.mxf-single-post__breadcrumb {
		gap: 8px;
		min-height: 52px;
		padding: 0 18px;
		font-size: 11px;
	}

	.mxf-single-post__breadcrumb svg {
		width: 12px;
		height: 12px;
	}

	.mxf-single-post__layout {
		gap: 44px;
		padding-top: 16px;
	}

	.mxf-single-post__hero {
		min-height: 390px;
		border-radius: 20px;
	}

	.mxf-single-post__hero-media::after {
		background: linear-gradient(0deg, rgb(255 255 255 / 96%) 0%, rgb(255 255 255 / 86%) 44%, rgb(255 255 255 / 8%) 79%);
	}

	.mxf-single-post__hero-image {
		object-position: 65% center;
	}

	.mxf-single-post__hero-copy {
		justify-content: flex-end;
		width: 100%;
		min-height: 390px;
		padding: 32px 22px;
	}

	.mxf-single-post__hero-copy h2 {
		font-size: 28px;
	}

	.mxf-single-post__hero-copy p {
		font-size: 14px;
	}

	.mxf-single-post__article-header {
		padding-top: 27px;
	}

	.mxf-single-post__article-header h1 {
		margin-bottom: 19px;
		font-size: 29px;
	}

	.mxf-single-post__content {
		font-size: 15px;
		line-height: 1.82;
	}

	.mxf-single-post__content p {
		margin-bottom: 19px;
	}

	.mxf-single-post__content h2 {
		margin-top: 44px;
		font-size: 27px;
	}

	.mxf-single-post__content h3 {
		font-size: 24px;
	}

	.mxf-single-post__content figure,
	.mxf-single-post__content .wp-block-image,
	.mxf-single-post__content .wp-block-gallery,
	.mxf-single-post__content .wp-block-video,
	.mxf-single-post__content .wp-block-embed {
		margin-top: 38px;
		margin-bottom: 35px;
	}

	.mxf-single-post__content img,
	.mxf-single-post__content video,
	.mxf-single-post__content iframe {
		border-radius: 15px;
	}

	.mxf-single-post__content blockquote,
	.mxf-single-post__content .wp-block-quote {
		padding: 23px 21px 22px 25px;
		font-size: 20px;
	}

	.mxf-single-post__tags {
		flex-direction: column;
		gap: 10px;
	}

	.mxf-single-post__tags-label {
		padding-top: 0;
	}

	.mxf-single-post__sidebar-card {
		padding: 25px 18px 20px;
		border-radius: 18px;
	}

	.mxf-single-post__latest-list {
		grid-template-columns: 1fr;
	}

	.mxf-single-post__latest-item:nth-last-child(2) {
		border-bottom: 1px solid #e5eef5;
	}

	.mxf-single-post__latest-item:last-child {
		border-bottom: 0;
	}

	.mxf-single-post__sidebar-button {
		width: 100%;
		min-width: 0;
	}

	.mxf-comments {
		margin-top: 66px;
	}

	.mxf-comments__intro {
		margin-bottom: 29px;
		padding-inline: 8px;
	}

	.mxf-comments__intro h2 {
		font-size: 34px;
	}

	.mxf-comments__list-card,
	.mxf-comments > .comment-respond {
		border-radius: 19px;
	}

	.mxf-comments__list-card {
		padding: 22px 16px;
	}

	.mxf-comments__list .children {
		margin-left: 14px;
	}

	.mxf-comment__card {
		padding: 17px 15px;
	}

	.mxf-comment__header {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 11px;
	}

	.mxf-comment__avatar img {
		width: 44px;
		height: 44px;
	}

	.mxf-comment__actions {
		grid-column: 2;
		justify-content: flex-start;
		margin-top: 4px;
	}

	.mxf-comment__content,
	.mxf-comment__moderation {
		margin-left: 0;
	}

	.mxf-comment .comment-respond {
		padding: 22px 14px;
	}

	.mxf-comments > .comment-respond {
		padding: 28px 18px 25px;
	}

	.mxf-comment-form__heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
	}

	.mxf-comment-form__heading h3 {
		font-size: 29px;
	}

	.mxf-comment-form {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.mxf-comment-form__field,
	.mxf-comment-form .comment-form-cookies-consent,
	.mxf-comment-form .form-submit {
		grid-column: 1;
	}

	.mxf-comment-form__submit {
		width: 100%;
	}
}