/* ==========================================================================
   MFI Site Essentials — single blog post reading layout.
   Scoped to .mfi-blog / .mfi-progress. Uses the site's Kadence palette + fonts.
   ========================================================================== */
.mfi-blog, .mfi-progress {
	--b-navy: var(--global-palette3, #104057);
	--b-ink: #0b2d3e;
	--b-teal: var(--global-palette2, #4f8298);
	--b-teal-dk: #336a82;
	--b-orange: var(--global-palette1, #f4a261);
	--b-orange-dk: #ec8d43;
	--b-mist: var(--global-palette7, #ecf5fc);
	--b-paper: var(--global-palette8, #f6fafd);
	--b-text: #24404f;
	--b-muted: #5a7383;
	--b-line: #dbe7ef;
	--b-head: var(--global-heading-font-family, "Inter", system-ui, sans-serif);
	--b-body: var(--global-body-font-family, "Karla", system-ui, sans-serif);
	--b-col: 720px;
	--b-side: 296px;
	--b-gap: clamp(40px, 5vw, 72px);
	--b-gutter: clamp(18px, 4vw, 40px);
	--b-offset: calc(var(--mfi-sticky, 150px) + 20px);
}
.mfi-blog, .mfi-blog * { box-sizing: border-box; }
.mfi-blog { font-family: var(--b-body); color: var(--b-text); -webkit-font-smoothing: antialiased; }
.mfi-blog .mfi-icon { flex: none; width: 1.1em; height: 1.1em; }
.mfi-blog a { box-shadow: none; }
.mfi-blog :focus-visible { outline: 3px solid var(--b-teal); outline-offset: 3px; border-radius: 4px; }
.mfi-blog .screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.mfi-blog button { font: inherit; letter-spacing: normal; text-transform: none; min-height: 0; box-shadow: none; }
.mfi-blog ul, .mfi-blog ol { margin: 0; padding: 0; }

/* Kadence wraps templates in its own content container; neutralise it here. */
body.mfi-single-post #inner-wrap { overflow: visible; }
body.mfi-single-post .content-area.mfi-blog { margin: 0; padding: 0; max-width: none; }

/* Reading progress */
.mfi-progress { position: fixed; top: var(--wp-admin--admin-bar--height, 0px); left: 0; right: 0; height: 3px; z-index: 1001; pointer-events: none; }
.mfi-progress__bar { display: block; height: 100%; width: 100%; background: var(--b-orange); transform-origin: 0 50%; transform: scaleX(0); }

/* Two-column grid shared by the hero and the body so the title lines up with the text */
.mfi-post__grid {
	display: grid; grid-template-columns: minmax(0, var(--b-col)) var(--b-side); column-gap: var(--b-gap);
	justify-content: center; width: 100%; max-width: calc(var(--b-col) + var(--b-side) + var(--b-gap) + 2 * var(--b-gutter));
	margin-inline: auto; padding-inline: var(--b-gutter);
}

/* ---------- Hero ---------- */
.mfi-post__hero { background: var(--b-paper); border-bottom: 1px solid var(--b-line); padding: clamp(24px, 4vw, 44px) 0 clamp(28px, 4vw, 44px); }
.mfi-post__head { grid-column: 1; min-width: 0; }

.mfi-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; font: 600 14px/1.4 var(--b-body); color: var(--b-muted); }
.mfi-crumbs li { display: inline-flex; align-items: center; min-width: 0; }
.mfi-crumbs li + li::before { content: ""; width: 6px; height: 6px; margin: 0 10px; border-top: 1.6px solid currentColor; border-right: 1.6px solid currentColor; transform: rotate(45deg); opacity: .55; flex: none; }
.mfi-blog .mfi-crumbs a { color: var(--b-teal-dk); text-decoration: none; }
.mfi-blog .mfi-crumbs a:hover { color: var(--b-navy); text-decoration: underline; text-underline-offset: 3px; }
.mfi-crumbs__current span { display: block; max-width: 34ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--b-muted); }

.mfi-blog .mfi-post__title {
	margin: 18px 0 0; color: var(--b-navy); font: 800 clamp(1.9rem, 1.25rem + 2.5vw, 3rem)/1.14 var(--b-head);
	letter-spacing: -.018em; text-transform: none; text-wrap: balance; overflow-wrap: break-word;
}
.mfi-blog .mfi-post__dek { margin: 16px 0 0; max-width: 62ch; font: 400 clamp(1.08rem, 1rem + .35vw, 1.25rem)/1.6 var(--b-body); color: var(--b-muted); text-wrap: pretty; }

.mfi-post__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 28px; margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--b-line); }
.mfi-byline { display: flex; align-items: center; gap: 12px; }
.mfi-byline__avatar {
	width: 40px; height: 40px; border-radius: 50%; overflow: hidden; flex: none; display: grid; place-items: center;
	background: #fff; border: 1px solid var(--b-line); color: var(--b-navy); font: 800 12px var(--b-head); letter-spacing: .04em;
}
.mfi-byline__avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mfi-byline__text { display: flex; flex-direction: column; line-height: 1.25; }
.mfi-byline__label { font-size: 12.5px; color: var(--b-muted); }
.mfi-byline__name { font: 700 15px/1.3 var(--b-head); color: var(--b-navy); }
.mfi-facts { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; font: 500 14.5px/1.4 var(--b-body); color: var(--b-muted); }
.mfi-facts__item { display: inline-flex; align-items: center; gap: 7px; }
.mfi-facts__item .mfi-icon { color: var(--b-teal); width: 17px; height: 17px; }
.mfi-blog .mfi-reviewed { display: inline-flex; align-items: center; gap: 8px; margin: 18px 0 0; padding: 7px 14px 7px 10px; border-radius: 999px; background: #fff; border: 1px solid var(--b-line); font-size: 14px; color: var(--b-text); }
.mfi-reviewed .mfi-icon { color: var(--b-teal); width: 18px; height: 18px; }
.mfi-reviewed strong { color: var(--b-navy); }

/* ---------- Body layout ---------- */
.mfi-post__layout { padding-top: clamp(32px, 4.5vw, 56px); padding-bottom: clamp(48px, 6vw, 80px); align-items: start; }
.mfi-post__main { grid-column: 1; min-width: 0; }
.mfi-post__aside { grid-column: 2; align-self: stretch; min-width: 0; }
.mfi-post__sticky { position: sticky; top: var(--b-offset); display: flex; flex-direction: column; gap: 20px; }

/* ---------- Table of contents ---------- */
.mfi-toc__list { list-style: none; counter-reset: toc; }
.mfi-toc__item { margin: 0; }
.mfi-blog .mfi-toc__link {
	position: relative; display: block; padding: 7px 0 7px 16px; color: var(--b-muted); text-decoration: none;
	font: 500 14.5px/1.45 var(--b-body); border-left: 2px solid var(--b-line); transition: color .15s, border-color .15s;
}
.mfi-blog .mfi-toc__link:hover { color: var(--b-navy); border-left-color: var(--b-teal); }
.mfi-blog .mfi-toc__link.is-active { color: var(--b-navy); font-weight: 700; border-left-color: var(--b-orange); }
.mfi-toc__sub { list-style: none; }
.mfi-blog .mfi-toc__sub .mfi-toc__link { padding-left: 30px; font-size: 13.5px; }

.mfi-toc--side { padding: 0; }
.mfi-blog .mfi-toc--side .mfi-toc__heading {
	display: flex; align-items: center; gap: 8px; margin: 0 0 10px; color: var(--b-navy);
	font: 800 13px/1.3 var(--b-head); letter-spacing: .08em; text-transform: uppercase;
}
.mfi-toc--side .mfi-toc__heading .mfi-icon { color: var(--b-teal); width: 18px; height: 18px; }
.mfi-toc__list--side { max-height: calc(100vh - var(--b-offset) - 330px); min-height: 120px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }

/* Inline (mobile / tablet) TOC */
.mfi-toc--inline { display: none; margin: 0 0 32px; border: 1px solid var(--b-line); border-radius: 14px; background: #fff; overflow: hidden; }
.mfi-blog .mfi-toc__summary {
	display: flex; align-items: center; gap: 10px; padding: 14px 16px; cursor: pointer; list-style: none;
	color: var(--b-navy); font: 700 16px/1.3 var(--b-head); background: var(--b-paper); -webkit-tap-highlight-color: transparent;
}
.mfi-toc__summary::-webkit-details-marker { display: none; }
.mfi-toc__summary::marker { content: ""; }
.mfi-toc__summary > .mfi-icon:first-child { color: var(--b-teal); width: 20px; height: 20px; }
.mfi-toc__count { margin-left: auto; font: 500 13.5px var(--b-body); color: var(--b-muted); }
.mfi-toc__chev { color: var(--b-muted); width: 18px; height: 18px; transition: transform .2s; }
.mfi-toc--inline[open] .mfi-toc__chev { transform: rotate(180deg); }
.mfi-toc--inline[open] .mfi-toc__summary { border-bottom: 1px solid var(--b-line); }
.mfi-toc--inline nav { padding: 8px 16px 14px; }
.mfi-blog .mfi-toc--inline .mfi-toc__link { padding-block: 9px; font-size: 15.5px; }
.mfi-blog .mfi-toc--inline .mfi-toc__sub .mfi-toc__link { font-size: 14.5px; }

/* ---------- Article typography ---------- */
.mfi-blog .mfi-post__content { font: 400 1.125rem/1.78 var(--b-body); color: var(--b-text); overflow-wrap: break-word; }
.mfi-blog .mfi-post__content > *:first-child { margin-top: 0; }
.mfi-blog .mfi-post__content > *:last-child { margin-bottom: 0; }
.mfi-blog .mfi-post__content p { margin: 0 0 1.35em; }
.mfi-blog .mfi-post__content h2,
.mfi-blog .mfi-post__content h3,
.mfi-blog .mfi-post__content h4 {
	color: var(--b-navy); font-family: var(--b-head); text-transform: none; text-wrap: balance; scroll-margin-top: var(--b-offset);
}
.mfi-blog .mfi-post__content h2 { margin: 2.1em 0 .6em; font-size: clamp(1.5rem, 1.25rem + 1vw, 1.95rem); font-weight: 800; line-height: 1.25; letter-spacing: -.012em; }
.mfi-blog .mfi-post__content h3 { margin: 1.8em 0 .5em; font-size: clamp(1.22rem, 1.1rem + .5vw, 1.4rem); font-weight: 750; line-height: 1.32; }
.mfi-blog .mfi-post__content h4 { margin: 1.6em 0 .4em; font-size: 1.1rem; font-weight: 700; line-height: 1.4; }
.mfi-blog .mfi-post__content h2 + h3 { margin-top: .9em; }
.mfi-blog .mfi-post__content a:not([class]) { color: var(--b-teal-dk); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; text-decoration-color: rgba(79, 130, 152, .45); }
.mfi-blog .mfi-post__content a:not([class]):hover { color: var(--b-navy); text-decoration-color: var(--b-orange); }
.mfi-blog .mfi-post__content strong, .mfi-blog .mfi-post__content b { color: var(--b-ink); font-weight: 700; }
.mfi-blog .mfi-post__content ul, .mfi-blog .mfi-post__content ol { margin: 0 0 1.4em; padding-left: 1.4em; }
.mfi-blog .mfi-post__content li { margin: 0 0 .5em; padding-left: .25em; }
.mfi-blog .mfi-post__content li::marker { color: var(--b-teal); font-weight: 700; }
.mfi-blog .mfi-post__content li > ul, .mfi-blog .mfi-post__content li > ol { margin: .5em 0 0; }
.mfi-blog .mfi-post__content blockquote,
.mfi-blog .mfi-post__content .wp-block-quote {
	margin: 1.8em 0; padding: 4px 0 4px 22px; border: 0; border-left: 4px solid var(--b-orange); background: none;
	font: 500 1.2rem/1.6 var(--b-body); color: var(--b-navy);
}
.mfi-blog .mfi-post__content blockquote p:last-child { margin-bottom: 0; }
.mfi-blog .mfi-post__content blockquote cite, .mfi-blog .mfi-post__content .wp-block-quote cite { display: block; margin-top: 10px; font: 600 14px var(--b-body); font-style: normal; color: var(--b-muted); }
.mfi-blog .mfi-post__content .wp-block-pullquote { margin: 2em 0; padding: 26px 0; border-top: 2px solid var(--b-navy); border-bottom: 2px solid var(--b-navy); text-align: left; }
.mfi-blog .mfi-post__content hr, .mfi-blog .mfi-post__content .wp-block-separator { margin: 2.4em 0; border: 0; border-top: 1px solid var(--b-line); opacity: 1; }
.mfi-blog .mfi-post__content img { max-width: 100%; height: auto; border-radius: 14px; }
.mfi-blog .mfi-post__content figure { margin: 2em 0; max-width: 100%; }
.mfi-blog .mfi-post__content figcaption, .mfi-blog .mfi-post__content .wp-element-caption { margin-top: 10px; font-size: 14px; line-height: 1.5; color: var(--b-muted); text-align: left; }
.mfi-blog .mfi-post__content .alignwide, .mfi-blog .mfi-post__content .alignfull { width: auto; max-width: 100%; margin-left: 0; margin-right: 0; }
.mfi-blog .mfi-post__content .alignleft { float: left; margin: .3em 1.6em 1em 0; max-width: 50%; }
.mfi-blog .mfi-post__content .alignright { float: right; margin: .3em 0 1em 1.6em; max-width: 50%; }
.mfi-blog .mfi-post__content::after { content: ""; display: table; clear: both; }

/* Video + embeds: always fluid */
.mfi-blog .mfi-post__content iframe { max-width: 100%; border: 0; }
.mfi-blog .mfi-post__content iframe[src*="youtube"], .mfi-blog .mfi-post__content iframe[src*="youtu.be"],
.mfi-blog .mfi-post__content iframe[src*="vimeo"], .mfi-blog .mfi-post__content video {
	display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 14px; background: #0b2d3e;
}
.mfi-blog .mfi-post__content .wp-block-embed__wrapper iframe { aspect-ratio: auto; height: 100%; }
.mfi-blog .mfi-post__content .wp-block-embed { margin: 2em 0; }
.mfi-blog .mfi-post__content .wp-block-embed__wrapper { border-radius: 14px; overflow: hidden; }

/* Tables */
.mfi-blog .mfi-table-scroll { margin: 1.8em 0; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--b-line); border-radius: 12px; }
.mfi-blog .mfi-table-scroll table { width: 100%; min-width: 520px; margin: 0; border-collapse: collapse; font-size: 15.5px; line-height: 1.5; }
.mfi-blog .mfi-table-scroll th, .mfi-blog .mfi-table-scroll td { padding: 12px 14px; border: 0; border-bottom: 1px solid var(--b-line); text-align: left; vertical-align: top; }
.mfi-blog .mfi-table-scroll thead th, .mfi-blog .mfi-table-scroll tr:first-child th { background: var(--b-mist); color: var(--b-navy); font: 700 14.5px/1.4 var(--b-head); }
.mfi-blog .mfi-table-scroll tr:last-child td { border-bottom: 0; }
.mfi-blog .mfi-post__content .wp-block-table { overflow: visible; }

/* Code */
.mfi-blog .mfi-post__content code { padding: .12em .4em; border-radius: 6px; background: var(--b-mist); font-size: .88em; }
.mfi-blog .mfi-post__content pre { overflow-x: auto; padding: 18px; border-radius: 12px; background: var(--b-ink); color: #e6f0f5; font-size: 15px; line-height: 1.6; }
.mfi-blog .mfi-post__content pre code { padding: 0; background: none; }

/* Buttons saved inside posts keep the site look */
.mfi-blog .mfi-post__content .wp-block-button__link { border-radius: 999px; }

.mfi-post__pages { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 28px; font-weight: 600; }

/* ---------- Post footer ---------- */
.mfi-post__foot { margin-top: clamp(36px, 5vw, 56px); padding-top: 28px; border-top: 1px solid var(--b-line); display: flex; flex-direction: column; gap: 24px; }
.mfi-tags { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.mfi-blog .mfi-tags a {
	display: inline-flex; align-items: center; gap: 6px; padding: 6px 13px; border-radius: 999px; border: 1px solid var(--b-line);
	background: #fff; color: var(--b-text); font: 600 14px/1.3 var(--b-body); text-decoration: none;
}
.mfi-tags .mfi-icon { color: var(--b-teal); width: 15px; height: 15px; }
.mfi-blog .mfi-tags a:hover { border-color: var(--b-teal); color: var(--b-navy); }

/* Share */
.mfi-share { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.mfi-share__label { font: 800 13px/1 var(--b-head); letter-spacing: .08em; text-transform: uppercase; color: var(--b-navy); }
.mfi-share__list { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.mfi-share__list li { margin: 0; }
.mfi-share__list li[hidden] { display: none; }
.mfi-blog .mfi-share__btn {
	display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border-radius: 50%;
	border: 1px solid var(--b-line); background: #fff; color: var(--b-navy); cursor: pointer; text-decoration: none;
	transition: background-color .15s, color .15s, border-color .15s;
}
.mfi-blog .mfi-share__btn:hover, .mfi-blog .mfi-share__btn:focus-visible { background: var(--b-navy); border-color: var(--b-navy); color: #fff; }
.mfi-share__btn .mfi-icon { width: 18px; height: 18px; }
.mfi-share__done { display: none; }
.mfi-share__copy.is-copied { background: var(--b-teal) !important; border-color: var(--b-teal) !important; color: #fff !important; }
.mfi-share__copy.is-copied .mfi-icon--link { display: none; }
.mfi-share__copy.is-copied .mfi-share__done { display: block; }
.mfi-share__status { font: 600 13.5px var(--b-body); color: var(--b-teal-dk); }
.mfi-share__status:empty { display: none; }
.mfi-share--side { padding-top: 18px; border-top: 1px solid var(--b-line); }
.mfi-share--side .mfi-share__label { width: 100%; }
.mfi-share--side .mfi-share__btn { width: 38px; height: 38px; }

/* Note */
.mfi-blog .mfi-note { display: flex; gap: 10px; margin: 0; padding: 14px 16px; border-radius: 12px; background: var(--b-paper); border: 1px solid var(--b-line); font-size: 14.5px; line-height: 1.55; color: var(--b-muted); }
.mfi-note .mfi-icon { color: var(--b-teal); width: 19px; height: 19px; margin-top: 1px; }

/* Appointment card */
.mfi-cta { padding: 22px; border-radius: 18px; background: var(--b-navy); color: #d9e8f0; }
.mfi-blog .mfi-cta__title { margin: 0 0 6px; color: #fff; font: 800 1.15rem/1.3 var(--b-head); }
.mfi-blog .mfi-cta__text { margin: 0 0 16px; font-size: 15px; line-height: 1.55; color: #c7dbe6; }
.mfi-cta__phones { list-style: none; display: grid; gap: 4px; margin: 0 0 18px !important; }
.mfi-cta__phones li { margin: 0; }
.mfi-blog .mfi-cta__phones a { display: flex; align-items: center; gap: 10px; padding: 8px 0; color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .12); }
.mfi-cta__phones li:last-child a { border-bottom: 0; }
.mfi-cta__phones .mfi-icon { color: var(--b-orange); width: 18px; height: 18px; }
.mfi-cta__city { font: 600 14.5px var(--b-body); color: #c7dbe6; }
.mfi-cta__num { margin-left: auto; font: 800 15.5px var(--b-head); white-space: nowrap; }
.mfi-blog .mfi-cta__phones a:hover .mfi-cta__num { color: var(--b-orange); }
.mfi-blog .mfi-cta__btn {
	display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; padding: 13px 18px; border-radius: 999px;
	background: var(--b-orange); color: var(--b-ink); font: 700 15px/1.2 var(--b-head); text-decoration: none; transition: background-color .15s;
}
.mfi-blog .mfi-cta__btn:hover { background: var(--b-orange-dk); color: var(--b-ink); }
.mfi-cta--foot { display: none; }

/* ---------- Related ---------- */
.mfi-related { background: var(--b-paper); border-top: 1px solid var(--b-line); padding: clamp(44px, 6vw, 72px) 0; }
.mfi-related__in { max-width: calc(var(--b-col) + var(--b-side) + var(--b-gap) + 2 * var(--b-gutter)); margin-inline: auto; padding-inline: var(--b-gutter); }
.mfi-related__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 26px; }
.mfi-blog .mfi-related__title { margin: 0; color: var(--b-navy); font: 800 clamp(1.5rem, 1.25rem + 1vw, 2rem)/1.2 var(--b-head); text-transform: none; }
.mfi-blog .mfi-related__all { display: inline-flex; align-items: center; gap: 6px; color: var(--b-teal-dk); font: 700 15px var(--b-head); text-decoration: none; white-space: nowrap; }
.mfi-blog .mfi-related__all:hover { color: var(--b-navy); }
.mfi-related__all .mfi-icon { width: 18px; height: 18px; transition: transform .15s; }
.mfi-related__all:hover .mfi-icon { transform: translateX(3px); }
.mfi-related__list { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.mfi-card { position: relative; display: flex; flex-direction: column; margin: 0; background: #fff; border: 1px solid var(--b-line); border-radius: 16px; overflow: hidden; transition: box-shadow .2s, transform .2s; }
.mfi-card:hover { box-shadow: 0 18px 40px -26px rgba(16, 64, 87, .5); transform: translateY(-2px); }
.mfi-blog .mfi-card__media { position: relative; display: block; aspect-ratio: 16 / 10; background: var(--b-mist); overflow: hidden; }
.mfi-blog .mfi-card__media img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; }
.mfi-card__ph { position: absolute; inset: 0; display: grid; place-items: center; width: 100%; height: 100%; color: var(--b-teal); }
.mfi-card__ph .mfi-icon { width: 30px; height: 30px; opacity: .6; }
.mfi-card__body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.mfi-blog .mfi-card__cat { margin: 0 0 6px; font: 700 12.5px/1.3 var(--b-head); letter-spacing: .06em; text-transform: uppercase; color: var(--b-teal-dk); }
.mfi-blog .mfi-card__title { margin: 0 0 12px; font: 750 1.08rem/1.38 var(--b-head); color: var(--b-navy); text-transform: none; }
.mfi-blog .mfi-card__title a { color: inherit; text-decoration: none; }
.mfi-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.mfi-blog .mfi-card__title a:hover { color: var(--b-teal-dk); }
.mfi-blog .mfi-card__meta { margin: auto 0 0; font-size: 14px; color: var(--b-muted); }
.mfi-card:focus-within { outline: 3px solid var(--b-teal); outline-offset: 2px; }
.mfi-card:focus-within .mfi-card__title a:focus-visible { outline: 0; }

.mfi-comments { max-width: calc(var(--b-col) + 2 * var(--b-gutter)); margin: 0 auto; padding: 48px var(--b-gutter); }

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1100px) {
	.mfi-post__grid { grid-template-columns: minmax(0, var(--b-col)); }
	.mfi-post__aside { display: none; }
	.mfi-toc--inline { display: block; }
	.mfi-cta--foot { display: block; }
	.mfi-related__in { max-width: calc(var(--b-col) + 2 * var(--b-gutter)); }
	.mfi-related__list { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.mfi-card { flex-direction: row; align-items: stretch; }
	.mfi-blog .mfi-card__media { flex: none; width: 34%; max-width: 220px; aspect-ratio: auto; min-height: 120px; }
	.mfi-card__body { justify-content: center; }
}
@media (max-width: 640px) {
	.mfi-blog { --b-gutter: 18px; }
	.mfi-post__hero { padding: 18px 0 26px; }
	.mfi-crumbs ol { font-size: 13.5px; }
	.mfi-crumbs__current { display: none !important; }
	.mfi-blog .mfi-post__title { margin-top: 14px; font-size: clamp(1.7rem, 1.2rem + 3.2vw, 2.1rem); line-height: 1.18; letter-spacing: -.012em; }
	.mfi-post__meta { flex-direction: column; align-items: flex-start; gap: 14px; margin-top: 20px; padding-top: 18px; }
	.mfi-facts { gap: 6px 18px; font-size: 14px; }
	.mfi-blog .mfi-post__content { font-size: 1.0625rem; line-height: 1.74; }
	.mfi-blog .mfi-post__content blockquote, .mfi-blog .mfi-post__content .wp-block-quote { padding-left: 16px; font-size: 1.1rem; }
	.mfi-blog .mfi-post__content .alignleft, .mfi-blog .mfi-post__content .alignright { float: none; max-width: 100%; margin: 1.5em 0; }
	.mfi-blog .mfi-post__content img, .mfi-blog .mfi-post__content iframe, .mfi-blog .mfi-post__content video, .mfi-blog .mfi-post__content .wp-block-embed__wrapper { border-radius: 10px; }
	.mfi-cta { padding: 20px 18px; }
	.mfi-related__head { align-items: center; margin-bottom: 18px; }
	.mfi-card__body { padding: 12px 14px; }
	.mfi-blog .mfi-card__media { width: 112px; min-height: 104px; }
	.mfi-blog .mfi-card__title { font-size: 1rem; margin-bottom: 6px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.mfi-blog .mfi-card__cat { font-size: 11.5px; margin-bottom: 4px; }
	.mfi-blog .mfi-card__meta { font-size: 13px; }
	.mfi-blog .mfi-share__btn { width: 44px; height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
	.mfi-blog *, .mfi-progress * { transition: none !important; }
}
@media print {
	.mfi-progress, .mfi-post__aside, .mfi-toc, .mfi-share, .mfi-cta, .mfi-related, .mfi-comments { display: none !important; }
	.mfi-post__grid { display: block; max-width: none; padding: 0; }
	.mfi-post__hero { background: none; border: 0; }
}