/* MindFlow — restored blog + article layout (2026-11-07).
   Scoped to the blog only; the site's global header and footer are untouched. */
body.mf-blog-restored{background:#fff;color:#172b51}
body.mf-blog-restored #mf-blog-restored{--mf-ink:#172b51;--mf-muted:#657894;--mf-blue:#118dc4;--mf-indigo:#6057cc;--mf-border:#dce6f4;--mf-light:#f5f8fc;color:var(--mf-ink);width:100%;max-width:none;min-width:0;background:#fff;font-family:inherit;line-height:1.6;overflow:clip}
#mf-blog-restored *,#mf-blog-restored *:before,#mf-blog-restored *:after{box-sizing:border-box}
#mf-blog-restored img{max-width:100%;height:auto}
#mf-blog-restored h1,#mf-blog-restored h2,#mf-blog-restored h3,#mf-blog-restored p{margin-top:0}
#mf-blog-restored a{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease;text-decoration:none}
#mf-blog-restored .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 21px;border-radius:11px;font-size:14px;font-weight:760;line-height:1.35;text-align:center;white-space:normal}
#mf-blog-restored .button.primary{background:linear-gradient(110deg,#0b8fce,#5655d5);border:1px solid #398acb;color:#fff;box-shadow:0 8px 23px #123d8735}
#mf-blog-restored .button.ghost{border:1px solid #b9d7fa85;color:#eef9ff;background:#ffffff12}
#mf-blog-restored .button:hover{transform:translateY(-2px)}
#mf-blog-restored .section-pad{padding:clamp(58px,6.5vw,100px) clamp(20px,6.2vw,98px)}
#mf-blog-restored .section-title{display:grid;grid-template-columns:minmax(160px,.37fr) minmax(0,1.63fr);align-items:start;gap:clamp(20px,5vw,72px);max-width:1230px;margin:0 auto 36px}
#mf-blog-restored .section-title>span{padding-top:13px;color:#178dbb;text-transform:uppercase;letter-spacing:.15em;font-weight:800;font-size:12px}
#mf-blog-restored .section-title h2{font-size:clamp(31px,3.8vw,51px);letter-spacing:-.042em;line-height:1.12;color:#172c58;margin:0 0 15px;font-weight:820}
#mf-blog-restored .section-title p{max-width:740px;color:#657896;line-height:1.75;font-size:15px;margin:0}
#mf-blog-restored .section-title.light>span{color:#99d8ff}
#mf-blog-restored .section-title.light h2{color:#fff}
#mf-blog-restored .section-title.light p{color:#c2d3ed}
/* Blog landing hero */
#mf-blog-restored .page-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(300px,.93fr);gap:clamp(28px,6vw,86px);align-items:center;padding:clamp(76px,9vw,124px) clamp(20px,7vw,112px);min-height:500px;background:linear-gradient(122deg,#0a1a37,#112c5b 58%,#25245a);color:#fff;overflow:hidden}
#mf-blog-restored .hero-grid-bg{position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:49px 49px;mask-image:linear-gradient(90deg,transparent,#000 75%);pointer-events:none}
#mf-blog-restored .page-hero:after,#mf-blog-restored .article-hero:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-195px;bottom:-360px;border-radius:50%;background:#405de7;filter:blur(95px);opacity:.35;pointer-events:none}
#mf-blog-restored .page-hero-copy{max-width:710px;min-width:0;position:relative;z-index:1}
#mf-blog-restored .eyebrow{display:inline-flex;align-items:center;gap:11px;color:#9ce0ff;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:820;margin-bottom:21px}
#mf-blog-restored .eyebrow span,#mf-blog-restored .eyebrow i{width:9px;height:9px;border-radius:50%;background:#29c6e9;box-shadow:0 0 0 5px #20b2e724}
#mf-blog-restored .page-hero h1{font-size:clamp(41px,5.1vw,75px);letter-spacing:-.059em;line-height:1.04;color:#fff;font-weight:845;margin:0 0 23px}
#mf-blog-restored .page-hero h1 em{font-style:normal;color:#8ddcff}
#mf-blog-restored .page-hero-copy>p{color:#d8e7fb;line-height:1.7;font-size:clamp(15px,1.6vw,18px);max-width:620px;margin-bottom:26px}
#mf-blog-restored .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px}
#mf-blog-restored .page-hero-aside{min-width:0;max-width:530px;width:100%;justify-self:end}
#mf-blog-restored .blog-intent-board{border:1px solid #99bbfa58;border-radius:24px;background:linear-gradient(145deg,#254c84a8,#202860c8);box-shadow:0 24px 60px #03143255;padding:25px 27px;backdrop-filter:blur(12px)}
#mf-blog-restored .blog-intent-board>small{display:block;color:#addbf5;font-size:12px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;margin-bottom:19px}
#mf-blog-restored .blog-intent-board>div{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff25;padding:17px 0;min-height:61px;color:#eef6ff}
#mf-blog-restored .blog-intent-board>div:last-child{padding-bottom:0}
#mf-blog-restored .blog-intent-board>div span{color:#82cfff;font-weight:850;font-size:12px}
#mf-blog-restored .blog-intent-board>div b{flex:1;font-size:15px;font-weight:680}
#mf-blog-restored .blog-intent-board>div strong{font-weight:850;color:#fff;font-size:17px}
/* 12 original article cards */
#mf-blog-restored .blog-index{background:linear-gradient(180deg,#f8fbff,#fff)}
#mf-blog-restored .blog-grid{max-width:1230px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
#mf-blog-restored .blog-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:25px 25px 23px;border:1px solid #d8e3f2;border-radius:20px;min-height:285px;background:#fff;box-shadow:0 9px 32px #123a7410;color:#192d55}
#mf-blog-restored .blog-card:hover{border-color:#6db8e5;box-shadow:0 15px 34px #164c8629;transform:translateY(-4px)}
#mf-blog-restored .blog-card.featured{background:linear-gradient(138deg,#edf8ff,#f8f7ff);border-color:#a6cfee}
#mf-blog-restored .blog-card header{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#176a9c;font-weight:750;font-size:12px;margin-bottom:18px}
#mf-blog-restored .blog-card header span+span{color:#73839a;white-space:nowrap}
#mf-blog-restored .blog-card-mark{display:block;color:#b0c4db;font-size:34px;font-weight:900;letter-spacing:-.06em;line-height:1;margin:0 0 14px}
#mf-blog-restored .blog-card h2{font-size:clamp(19px,1.8vw,24px);letter-spacing:-.033em;line-height:1.24;font-weight:820;color:#192d57;margin-bottom:15px}
#mf-blog-restored .blog-card p{font-size:14px;line-height:1.65;color:#5e7090;flex:1;margin:0 0 20px}
#mf-blog-restored .blog-card footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:15px;border-top:1px solid #e5ecf5;color:#7b8ca2;font-size:12px}
#mf-blog-restored .blog-card:focus-visible{outline:3px solid #5cbce7;outline-offset:3px}
#mf-blog-restored .seo-principles{background:linear-gradient(125deg,#101f43,#182b59);color:#fff}
#mf-blog-restored .seo-principle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:1230px;margin:0 auto}
#mf-blog-restored .seo-principle-grid article{padding:23px;border:1px solid #ffffff28;border-radius:16px;background:#ffffff0a}
#mf-blog-restored .seo-principle-grid span{display:block;color:#89d5ff;font-size:12px;font-weight:900;margin-bottom:20px}
#mf-blog-restored .seo-principle-grid h3{font-size:20px;line-height:1.3;color:#fff;margin-bottom:12px}
#mf-blog-restored .seo-principle-grid p{color:#cad8ee;font-size:14px;line-height:1.7;margin-bottom:0}
/* Article page */
#mf-blog-restored .seo-breadcrumbs{max-width:1210px;margin:0 auto;padding:24px clamp(20px,3vw,36px);display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:#7c8da5}
#mf-blog-restored .seo-breadcrumbs a{color:#376dad;font-weight:670}
#mf-blog-restored .seo-breadcrumbs span:last-child{white-space:normal;min-width:0}
#mf-blog-restored .article-page{width:100%;min-width:0}
#mf-blog-restored .article-hero{position:relative;isolation:isolate;background:linear-gradient(120deg,#0a1938,#112d5d 65%,#24265a);overflow:hidden;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,245px);gap:clamp(22px,4vw,60px);align-items:end;padding:clamp(60px,7vw,97px) clamp(20px,7vw,112px) clamp(56px,6vw,84px)}
#mf-blog-restored .article-hero>div{position:relative;z-index:1;min-width:0;max-width:980px}
#mf-blog-restored .article-hero>div>a{display:inline-block;color:#98defb;font-size:13px;font-weight:740;margin-bottom:27px}
#mf-blog-restored .article-hero>div>span{display:block;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.15em;color:#8cdaf6;margin-bottom:17px}
#mf-blog-restored .article-hero h1{font-size:clamp(37px,4.55vw,65px);letter-spacing:-.055em;line-height:1.08;color:#fff;margin:0 0 23px;font-weight:830}
#mf-blog-restored .article-hero>div>p{max-width:750px;font-size:clamp(15px,1.55vw,18px);line-height:1.68;color:#d4e4fc;margin:0 0 22px}
#mf-blog-restored .article-hero footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#9ec3e8;font-size:12px;font-weight:720}
#mf-blog-restored .article-hero footer i{width:4px;height:4px;background:#70d3f7;border-radius:50%}
#mf-blog-restored .article-hero>aside{padding:19px;border:1px solid #ffffff35;border-radius:17px;background:#ffffff13;backdrop-filter:blur(9px);display:flex;flex-direction:column;align-items:flex-start;gap:9px}
#mf-blog-restored .article-hero>aside small{font-size:11px;color:#9fcff0;letter-spacing:.08em;text-transform:uppercase}
#mf-blog-restored .article-hero>aside img{width:66px;height:66px;border-radius:14px;object-fit:cover;margin:6px 0}
#mf-blog-restored .article-hero>aside b{font-size:16px;line-height:1.25;color:#fff}
#mf-blog-restored .article-hero>aside span{font-size:12px;color:#bed5f4}
#mf-blog-restored .article-layout{max-width:1230px;margin:0 auto;padding:clamp(42px,5vw,74px) clamp(20px,4vw,44px) 96px;display:grid;grid-template-columns:minmax(0,1fr) minmax(205px,245px);gap:clamp(25px,4vw,72px);align-items:start}
#mf-blog-restored .article-content{min-width:0}
#mf-blog-restored .article-content>section[id^="section-"],#mf-blog-restored .article-extra>section{position:relative;padding:0 0 30px;margin-bottom:32px;border-bottom:1px solid #e3ebf6;scroll-margin-top:110px}
#mf-blog-restored .article-content>section[id^="section-"]>span,#mf-blog-restored .article-extra>section>span{display:block;font-size:12px;font-weight:900;letter-spacing:.10em;color:#199bd0;margin-bottom:12px}
#mf-blog-restored .article-content h2{color:#172b52;font-size:clamp(24px,2.35vw,32px);line-height:1.23;letter-spacing:-.037em;margin:0 0 17px;font-weight:815}
#mf-blog-restored .article-content p{color:#51627d;font-size:16px;line-height:1.84;margin:0 0 17px;overflow-wrap:break-word}
#mf-blog-restored .article-toc{position:sticky;top:90px;border:1px solid #dce7f4;border-radius:17px;background:#f7fbff;padding:21px 18px;max-height:calc(100vh - 130px);overflow:auto}
#mf-blog-restored .article-toc>small{font-size:11px;color:#597596;letter-spacing:.1em;text-transform:uppercase;font-weight:850;margin:0 0 15px;display:block}
#mf-blog-restored .article-toc a{display:flex;gap:12px;padding:11px 0;border-top:1px solid #e2ebf7;color:#3b4e6d;font-size:13px;line-height:1.5;font-weight:660}
#mf-blog-restored .article-toc a:hover{color:#1286b8}
#mf-blog-restored .article-toc a span{font-size:11px;font-weight:850;color:#159fd5}
#mf-blog-restored .article-author{display:flex;gap:22px;align-items:center;padding:25px;border-radius:18px;background:#f1f7fe;margin:32px 0}
#mf-blog-restored .article-author img{height:82px;width:82px;object-fit:cover;border-radius:14px;flex:none}
#mf-blog-restored .article-author small{color:#5b7998;font-size:12px;font-weight:700}
#mf-blog-restored .article-author h2{margin:5px 0;font-size:23px}
#mf-blog-restored .article-author p{margin:3px 0 12px;font-size:14px}
#mf-blog-restored .article-author a{color:#1678ac;font-weight:750;font-size:13px}
#mf-blog-restored .article-faq{border:1px solid #dce7f4;border-radius:19px;padding:25px;background:#f8fbff;margin:32px 0}
#mf-blog-restored .article-faq>span,#mf-blog-restored .article-related>span,#mf-blog-restored .article-cta>span{display:block;letter-spacing:.1em;text-transform:uppercase;color:#178cbb;font-size:11px;font-weight:850;margin-bottom:11px}
#mf-blog-restored .article-faq h2{margin:0 0 19px;font-size:25px}
#mf-blog-restored .article-faq details{padding:16px 0;border-top:1px solid #dae5f0}
#mf-blog-restored .article-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:740;color:#25416b}
#mf-blog-restored .article-faq summary::-webkit-details-marker{display:none}
#mf-blog-restored .article-faq details[open] summary{color:#0f7db4}
#mf-blog-restored .article-faq summary i{font-size:20px;font-style:normal;color:#148bc2}
#mf-blog-restored .article-faq details p{font-size:14px;line-height:1.7;padding-top:13px;margin:0}
#mf-blog-restored .article-related{border-top:1px solid #dce5f2;padding:20px 0 28px;margin-top:28px}
#mf-blog-restored .article-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
#mf-blog-restored .article-related a{display:flex;align-items:center;gap:10px;min-height:55px;border:1px solid #d7e5f3;padding:14px;border-radius:12px;background:#fff;color:#2c4a74;font-size:13px}
#mf-blog-restored .article-related a:hover{border-color:#78b8e6}
#mf-blog-restored .article-related a span{flex:none;width:8px;height:8px;border-radius:50%;background:#28b9df}
#mf-blog-restored .article-cta{border-radius:20px;padding:28px;background:linear-gradient(120deg,#e9f7ff,#f1f1ff);border:1px solid #cbdef4;margin:24px 0}
#mf-blog-restored .article-cta h2{font-size:29px;margin:0 0 12px}
#mf-blog-restored .article-cta p{font-size:15px;margin:0 0 20px}
#mf-blog-restored .contact-band{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:clamp(53px,6vw,90px) clamp(21px,7vw,110px);background:linear-gradient(120deg,#0e2250,#1b2e61);color:#fff}
#mf-blog-restored .contact-band>div:first-child{max-width:760px;min-width:0}
#mf-blog-restored .contact-band h2{font-size:clamp(28px,3vw,45px);line-height:1.16;letter-spacing:-.042em;color:#fff;margin:0 0 13px}
#mf-blog-restored .contact-band p{font-size:15px;line-height:1.7;color:#c9d9f1;margin:0}
#mf-blog-restored .contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:210px}
#mf-blog-restored .contact-actions>a:not(.button){color:#d0e9ff;font-weight:720;font-size:14px}
#mf-blog-restored [data-reveal]{opacity:1!important;transform:none!important;visibility:visible!important}
@media(max-width:1100px){#mf-blog-restored .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#mf-blog-restored .seo-principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){#mf-blog-restored .page-hero{grid-template-columns:1fr;gap:28px}#mf-blog-restored .page-hero-aside{justify-self:stretch;max-width:none}#mf-blog-restored .blog-intent-board{padding:18px 22px}#mf-blog-restored .article-hero{grid-template-columns:1fr}#mf-blog-restored .article-hero>aside{max-width:300px}#mf-blog-restored .article-layout{grid-template-columns:1fr}#mf-blog-restored .article-toc{position:static;max-height:none;order:-1}}
@media(max-width:680px){#mf-blog-restored .section-pad{padding:55px 20px}#mf-blog-restored .section-title{grid-template-columns:1fr;gap:10px}#mf-blog-restored .section-title>span{padding:0}#mf-blog-restored .blog-grid,#mf-blog-restored .seo-principle-grid{grid-template-columns:1fr}#mf-blog-restored .blog-card{min-height:auto;padding:21px}#mf-blog-restored .page-hero{padding:67px 21px}#mf-blog-restored .page-hero h1{font-size:clamp(39px,9vw,53px)}#mf-blog-restored .article-hero{padding:60px 22px}#mf-blog-restored .article-hero h1{font-size:clamp(34px,8vw,48px)}#mf-blog-restored .seo-breadcrumbs{padding:18px 21px}#mf-blog-restored .article-layout{padding:42px 20px 63px}#mf-blog-restored .article-toc{display:none}#mf-blog-restored .article-content p{font-size:15px}#mf-blog-restored .article-related>div{grid-template-columns:1fr}#mf-blog-restored .contact-band{flex-direction:column;align-items:flex-start;padding:52px 21px}#mf-blog-restored .contact-actions{width:100%}}
@media(prefers-reduced-motion:reduce){#mf-blog-restored a{transition:none!important}}

/* === MINDFLOW BLOG LAYOUT REPAIR 2026-11-07 V1 START === */
/* Forced grid placement works even if global CSS overrides decorative background positioning. */
#mf-blog-restored .article-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(195px, 230px) !important;
    grid-auto-flow: row !important;
    align-items: center !important;
    column-gap: clamp(26px, 4.5vw, 68px) !important;
    row-gap: 22px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: clamp(49px, 5.2vw, 76px) clamp(23px, 6.5vw, 104px) !important;
    overflow: hidden !important;
}
#mf-blog-restored .article-hero > .hero-grid-bg {
    display: none !important;
    position: absolute !important;
}
#mf-blog-restored .article-hero > div:not(.hero-grid-bg) {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 1000px !important;
    min-width: 0 !important;
    align-self: center !important;
    position: relative !important;
}
#mf-blog-restored .article-hero > div:not(.hero-grid-bg) > a {
    margin: 0 0 19px !important;
    display: inline-flex !important;
    color: #8bdafe !important;
}
#mf-blog-restored .article-hero > div:not(.hero-grid-bg) > span {
    margin-bottom: 14px !important;
}
#mf-blog-restored .article-hero h1 {
    max-width: 970px !important;
    font-size: clamp(34px, 3.7vw, 56px) !important;
    line-height: 1.10 !important;
    letter-spacing: -0.042em !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: none !important;
    margin: 0 0 18px !important;
}
#mf-blog-restored .article-hero > div:not(.hero-grid-bg) > p {
    max-width: 820px !important;
    font-size: clamp(15px, 1.25vw, 17px) !important;
    line-height: 1.65 !important;
    margin-bottom: 21px !important;
}
#mf-blog-restored .article-hero > aside {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 230px !important;
    min-width: 0 !important;
    padding: 23px 21px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.09) !important;
    border: 1px solid rgba(193,222,255,.27) !important;
}
#mf-blog-restored .article-hero > aside img {
    max-width: 68px !important;
    max-height: 68px !important;
    object-fit: cover !important;
}
/* The landing page was using unlabeled "3" bubbles: replace with a useful article link. */
#mf-blog-restored .page-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(290px, .8fr) !important;
    gap: clamp(30px, 6vw, 100px) !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: clamp(68px, 7vw, 108px) clamp(24px, 7vw, 110px) !important;
}
#mf-blog-restored .page-hero > .hero-grid-bg {display: none !important}
#mf-blog-restored .page-hero > .page-hero-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 800px !important;
}
#mf-blog-restored .page-hero > .page-hero-aside {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 460px !important;
    min-width: 0 !important;
}
#mf-blog-restored .mf-blog-featured {
    background: linear-gradient(147deg,rgba(43,87,150,.55),rgba(57,49,138,.42));
    color: #eef5ff;
    padding: clamp(23px, 3vw, 38px);
    border-radius: 22px;
    border: 1px solid rgba(166,203,255,.34);
    box-shadow: 0 20px 46px rgba(2,12,39,.19);
}
#mf-blog-restored .mf-blog-featured > span {
    display: block;
    margin-bottom: 19px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 800;
    color: #91d7ff;
}
#mf-blog-restored .mf-blog-featured > a:first-of-type {
    display: block;
    font-size: clamp(20px, 2.1vw, 28px);
    line-height: 1.23;
    font-weight: 830;
    letter-spacing: -.03em;
    color: #fff;
    margin-bottom: 15px;
}
#mf-blog-restored .mf-blog-featured > p {
    margin: 0 0 21px;
    font-size: 14px;
    line-height: 1.68;
    color: #cbdcf6;
}
#mf-blog-restored .mf-blog-featured > a:last-of-type {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.28);
    font-size: 13px;
    color: #e6faff;
    font-weight: 760;
}
#mf-blog-restored .mf-blog-featured > a:hover {color: #fff}
#mf-blog-restored #blog-articles {scroll-margin-top: 105px}
/* Disallow the old, confusing topic-number widgets if legacy markup survives. */
#mf-blog-restored .blog-intent-board i {display: none !important}
@media (max-width: 960px) {
    #mf-blog-restored .article-hero {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 52px 35px !important;
        row-gap: 21px !important;
    }
    #mf-blog-restored .article-hero > div:not(.hero-grid-bg) {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    #mf-blog-restored .article-hero > aside {
        grid-column: 1 !important;
        grid-row: 2 !important;
        width: fit-content !important;
        min-width: 220px !important;
        max-width: 320px !important;
        padding: 15px 19px !important;
    }
    #mf-blog-restored .page-hero {
        grid-template-columns: minmax(0, 1fr) !important;
        padding: 65px 35px !important;
        gap: 31px !important;
    }
    #mf-blog-restored .page-hero > .page-hero-copy {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    #mf-blog-restored .page-hero > .page-hero-aside {
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: start !important;
    }
}
@media (max-width: 600px) {
    #mf-blog-restored .article-hero {padding: 43px 22px !important;gap: 18px !important}
    #mf-blog-restored .article-hero h1 {font-size: clamp(32px, 8.2vw, 43px) !important}
    #mf-blog-restored .article-hero > aside {min-width: 0 !important;max-width: 100% !important}
    #mf-blog-restored .page-hero {padding: 58px 22px !important}
    #mf-blog-restored .page-hero h1 {font-size: clamp(37px, 9.1vw, 52px) !important}
    #mf-blog-restored .mf-blog-featured {padding: 24px !important}
}
/* === MINDFLOW BLOG LAYOUT REPAIR 2026-11-07 V1 END === */