/* Impro Solutions UK Limited global blog UI UX package. Does not touch index.php. */
:root{--brand:#0d506e;--brand2:#242f60;--accent:#fc6a03;--ink:#111827;--muted:#5f6368;--line:#e6e8ef;--soft:#f8fafc;--blue:#1a73e8;--green:#0f9d58;--shadow:0 24px 70px rgba(15,23,42,.12);--shadow2:0 12px 30px rgba(15,23,42,.10);--radius:34px;}
*{box-sizing:border-box}.impro-blog-ui{background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65;overflow-x:hidden}.impro-blog-ui img{max-width:100%;height:auto}.impro-blog-ui a{color:var(--blue);text-decoration:none}.blog-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.blog-hero{min-height:82vh;display:grid;align-items:center;padding:72px 0 56px;background:radial-gradient(circle at top left,#e8f0fe 0,#fff 35%,#f8fafc 100%)}.blog-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.eyebrow{font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:20px}.blog-hero h1{font-size:clamp(48px,7.5vw,98px);line-height:.95;letter-spacing:-.055em;margin:0 0 26px;color:#202124}.blog-hero .lead{font-size:clamp(20px,2.1vw,28px);line-height:1.35;color:#3c4043;max-width:790px;margin:0 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:15px 24px;font-weight:700;border:1px solid transparent;box-shadow:0 6px 16px rgba(0,0,0,.08)}.gbtn.primary{background:#1a73e8;color:#fff}.gbtn.light{background:#fff;color:#1a73e8;border-color:#dadce0}.hero-media{border-radius:42px;overflow:hidden;background:#fff;box-shadow:var(--shadow);padding:16px}.hero-media img{border-radius:30px;display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.stat{background:#fff;border:1px solid #eef1f5;border-radius:24px;padding:22px;box-shadow:0 8px 24px rgba(60,64,67,.08)}.stat b{font-size:28px;color:#202124;display:block}.stat span{color:#5f6368;font-size:14px}.section{padding:80px 0}.section.soft{background:#f8fafd}.section-title{max-width:850px;margin:0 auto 46px;text-align:center}.section-title span{color:#1a73e8;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.section-title h2{font-size:clamp(36px,5vw,68px);line-height:1.03;letter-spacing:-.04em;margin:14px 0;color:#202124}.section-title p{font-size:20px;color:#5f6368}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-card{position:relative;display:flex;flex-direction:column;min-height:520px;background:#fff;border:1px solid #e5e7eb;border-radius:34px;overflow:hidden;box-shadow:var(--shadow2);transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(15,23,42,.16)}.blog-card img{width:100%;height:210px;object-fit:cover}.blog-card .pad{padding:26px}.blog-card .pill{display:inline-flex;align-self:flex-start;margin-bottom:14px;border-radius:999px;background:#e8f0fe;color:#1a73e8;font-size:13px;font-weight:700;padding:7px 12px}.blog-card h3{font-size:30px;line-height:1.08;letter-spacing:-.03em;margin:0 0 14px;color:#202124}.blog-card p{font-size:16px;color:#5f6368;margin:0 0 18px}.blog-card .read{margin-top:auto;font-weight:700;color:#1a73e8}.blog-search{display:grid;grid-template-columns:1fr auto;gap:14px;margin:0 auto 34px;max-width:920px;background:#fff;border:1px solid #dadce0;border-radius:999px;padding:10px;box-shadow:0 8px 28px rgba(60,64,67,.1)}.blog-search input{border:0;outline:0;font-size:18px;padding:13px 18px;background:transparent}.blog-search button{border:0;border-radius:999px;background:#1a73e8;color:#fff;font-weight:700;padding:0 26px}.article-hero{padding:66px 0;background:linear-gradient(180deg,#fff 0,#f8fafd 100%)}.article-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}.article-kicker{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.article-kicker span{font-size:13px;font-weight:700;color:#1a73e8;background:#e8f0fe;border-radius:999px;padding:8px 13px}.article-title{font-size:clamp(44px,7vw,88px);line-height:.97;letter-spacing:-.055em;margin:0 0 24px;color:#202124;max-width:1050px}.article-lead{font-size:clamp(20px,2.3vw,28px);line-height:1.38;color:#3c4043;max-width:950px}.article-media{margin-top:38px;border-radius:42px;overflow:hidden;box-shadow:var(--shadow);background:#fff;padding:16px}.article-media img{width:100%;border-radius:28px;display:block;aspect-ratio:16/8.5;object-fit:cover}.caption{font-size:14px;color:#5f6368;margin:12px 8px 0}.content-grid{display:grid;grid-template-columns:280px 1fr;gap:46px;align-items:start}.toc{position:sticky;top:18px;background:#fff;border:1px solid #e5e7eb;border-radius:26px;padding:22px;box-shadow:0 8px 24px rgba(60,64,67,.08)}.toc b{display:block;color:#202124;margin-bottom:12px}.toc a{display:block;padding:9px 0;color:#5f6368;font-size:15px;border-bottom:1px solid #f0f2f5}.article-body{font-size:19px;color:#303134}.article-body h2{font-size:clamp(34px,4.5vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px;color:#202124}.article-block{background:#fff;border:1px solid #e5e7eb;border-radius:34px;padding:42px;margin:0 0 28px;box-shadow:0 10px 28px rgba(60,64,67,.08)}.article-block p{margin:0 0 18px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}.feature{background:#f8fafd;border:1px solid #eef1f5;border-radius:24px;padding:20px}.feature b{display:block;color:#202124;margin-bottom:8px}.smart-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px;overflow:hidden;border-radius:24px;border:1px solid #e5e7eb}.smart-table th,.smart-table td{padding:17px;text-align:left;border-bottom:1px solid #eef1f5;vertical-align:top}.smart-table th{background:#e8f0fe;color:#174ea6}.smart-table tr:last-child td{border-bottom:0}.video-platform{display:grid;grid-template-columns:1fr .9fr;gap:32px;align-items:center;background:#111827;color:#fff;border-radius:42px;padding:30px;box-shadow:var(--shadow);margin-bottom:30px}.video-frame{position:relative;border-radius:30px;overflow:hidden;background:#000}.video-frame video{width:100%;display:block;border-radius:30px}.video-platform h2{color:#fff!important}.video-platform p{color:#d1d5db}.faq details{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:22px;margin:14px 0;box-shadow:0 6px 20px rgba(60,64,67,.06)}.faq summary{cursor:pointer;font-weight:700;font-size:19px;color:#202124}.faq p{margin-top:14px;color:#5f6368}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{border:1px solid #e5e7eb;border-radius:24px;padding:20px;background:#fff;box-shadow:0 8px 22px rgba(60,64,67,.06);font-weight:700;color:#202124!important}.cta-panel{background:linear-gradient(135deg,#0d506e,#242f60);color:#fff;border-radius:42px;padding:46px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center}.cta-panel h2{color:#fff;margin:0 0 10px}.cta-panel p{color:#dbeafe;margin:0}.rfq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rfq-list li{background:#f8fafd;border:1px solid #eef1f5;border-radius:18px;padding:12px 14px}.menu-nav{position:relative;z-index:20}.footer{position:relative;z-index:5}@media(max-width:980px){.blog-hero{min-height:auto;padding:48px 0}.blog-hero-grid,.video-platform,.content-grid,.cta-panel{grid-template-columns:1fr}.stat-strip,.card-grid,.related-grid{grid-template-columns:1fr 1fr}.toc{position:relative;top:auto}.article-block{padding:28px}.feature-list,.rfq-list{grid-template-columns:1fr}.blog-card{min-height:auto}.article-title,.blog-hero h1{letter-spacing:-.04em}}@media(max-width:640px){.blog-shell,.article-wrap{width:min(100% - 22px,1180px)}.blog-hero h1{font-size:44px}.article-title{font-size:42px}.section-title h2{font-size:38px}.section{padding:52px 0}.stat-strip,.card-grid,.related-grid{grid-template-columns:1fr}.blog-search{grid-template-columns:1fr;border-radius:26px}.blog-search button{height:46px}.article-media,.hero-media{border-radius:28px;padding:10px}.article-media img,.hero-media img{border-radius:20px}.video-platform,.cta-panel{border-radius:28px;padding:22px}.article-block{border-radius:26px;padding:22px}.sf-menu{display:flex!important;flex-wrap:wrap}.sf-menu li{float:none!important}.menu-nav{overflow:auto}.cp-style2{display:none!important}}

/* ===== MOBILE ALIGNMENT HOTFIX 2026-05-26 =====
   Purpose: keep blog pages responsive inside the old Impro Solution fixed-width theme.
   Index.php is not touched. These rules apply only where body class="impro-blog-ui" exists.
*/
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;}
body.impro-blog-ui{width:100%;max-width:100%;overflow-x:hidden;margin:0;}
.impro-blog-ui #Container{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;overflow-x:hidden!important;}
.impro-blog-ui #Header{width:min(960px,100%)!important;max-width:100%!important;margin:0 auto!important;overflow:visible!important;}
.impro-blog-ui #Header .head{width:100%!important;max-width:960px!important;margin:0 auto!important;padding:0 16px!important;}
.impro-blog-ui #Header .logo{max-width:100%!important;overflow:hidden!important;}
.impro-blog-ui #Header .logo img{max-width:260px!important;width:auto!important;height:auto!important;display:block;}
.impro-blog-ui .menu-nav{width:min(960px,100%)!important;max-width:100%!important;margin:0 auto!important;overflow:visible!important;}
.impro-blog-ui main{width:100%!important;max-width:100%!important;overflow:hidden!important;display:block;}
.impro-blog-ui .blog-shell,.impro-blog-ui .article-wrap{width:min(1120px,calc(100vw - 32px))!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;}
.impro-blog-ui .blog-hero-grid,.impro-blog-ui .content-grid,.impro-blog-ui .video-platform,.impro-blog-ui .cta-panel{max-width:100%!important;}
.impro-blog-ui .article-media,.impro-blog-ui .hero-media,.impro-blog-ui .blog-card,.impro-blog-ui .article-block,.impro-blog-ui .video-platform,.impro-blog-ui .cta-panel,.impro-blog-ui .toc{max-width:100%!important;overflow:hidden!important;}
.impro-blog-ui .article-media img,.impro-blog-ui .hero-media img,.impro-blog-ui .blog-card img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;object-fit:contain!important;aspect-ratio:auto!important;}
.impro-blog-ui .caption{overflow-wrap:anywhere;word-break:normal;}
.impro-blog-ui .smart-table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.impro-blog-ui .smart-table table{width:100%;}
.impro-blog-ui h1,.impro-blog-ui h2,.impro-blog-ui h3,.impro-blog-ui p,.impro-blog-ui a,.impro-blog-ui li,.impro-blog-ui td,.impro-blog-ui th{overflow-wrap:anywhere;}

@media(max-width:760px){
  body.impro-blog-ui{font-size:16px;}
  .impro-blog-ui #Header{padding-top:8px!important;}
  .impro-blog-ui #Header .logo img{max-width:230px!important;}
  .impro-blog-ui .menu-nav{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;}
  .impro-blog-ui .menu-nav::-webkit-scrollbar{height:0;}
  .impro-blog-ui #navigation.sf-menu{display:flex!important;flex-wrap:nowrap!important;align-items:stretch!important;width:max-content!important;min-width:100%!important;margin:0!important;padding:0!important;}
  .impro-blog-ui #navigation.sf-menu>li{float:none!important;display:block!important;width:auto!important;min-width:auto!important;}
  .impro-blog-ui #navigation.sf-menu>li.line{display:none!important;}
  .impro-blog-ui #navigation.sf-menu>li>a{display:block!important;padding:14px 15px!important;white-space:nowrap!important;font-size:12px!important;line-height:1!important;}
  .impro-blog-ui #navigation.sf-menu li ul{display:none!important;}
  .impro-blog-ui .blog-shell,.impro-blog-ui .article-wrap{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;}
  .impro-blog-ui .blog-hero{padding:34px 0 40px!important;min-height:auto!important;}
  .impro-blog-ui .blog-hero-grid{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;}
  .impro-blog-ui .blog-hero h1{font-size:38px!important;line-height:1.04!important;letter-spacing:-.035em!important;margin-bottom:18px!important;}
  .impro-blog-ui .blog-hero .lead{font-size:18px!important;line-height:1.45!important;}
  .impro-blog-ui .stat-strip{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .impro-blog-ui .stat{padding:16px!important;border-radius:18px!important;}
  .impro-blog-ui .stat b{font-size:22px!important;}
  .impro-blog-ui .section{padding:46px 0!important;}
  .impro-blog-ui .section-title{text-align:left!important;margin-bottom:28px!important;}
  .impro-blog-ui .section-title h2{font-size:34px!important;line-height:1.06!important;letter-spacing:-.025em!important;}
  .impro-blog-ui .section-title p{font-size:17px!important;}
  .impro-blog-ui .card-grid{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;}
  .impro-blog-ui .blog-card{border-radius:26px!important;min-height:auto!important;}
  .impro-blog-ui .blog-card img{height:auto!important;max-height:none!important;}
  .impro-blog-ui .blog-card .pad{padding:20px!important;}
  .impro-blog-ui .blog-card h3{font-size:25px!important;line-height:1.12!important;}
  .impro-blog-ui .article-hero{padding:38px 0!important;}
  .impro-blog-ui .article-title{font-size:36px!important;line-height:1.04!important;letter-spacing:-.035em!important;}
  .impro-blog-ui .article-lead{font-size:18px!important;line-height:1.45!important;}
  .impro-blog-ui .article-kicker{gap:8px!important;margin-bottom:18px!important;}
  .impro-blog-ui .article-kicker span{font-size:11px!important;padding:7px 10px!important;}
  .impro-blog-ui .article-media{margin-top:24px!important;border-radius:26px!important;padding:8px!important;box-shadow:0 10px 28px rgba(15,23,42,.10)!important;}
  .impro-blog-ui .article-media img{border-radius:20px!important;}
  .impro-blog-ui .caption{font-size:12px!important;line-height:1.4!important;margin:8px 4px 0!important;}
  .impro-blog-ui .content-grid{display:grid!important;grid-template-columns:1fr!important;gap:20px!important;}
  .impro-blog-ui .toc{display:none!important;}
  .impro-blog-ui .video-platform{display:grid!important;grid-template-columns:1fr!important;border-radius:26px!important;padding:18px!important;gap:18px!important;}
  .impro-blog-ui .video-frame,.impro-blog-ui .video-frame video{border-radius:18px!important;}
  .impro-blog-ui .article-body{font-size:17px!important;line-height:1.65!important;}
  .impro-blog-ui .article-body h2{font-size:30px!important;line-height:1.08!important;letter-spacing:-.025em!important;}
  .impro-blog-ui .article-block{border-radius:24px!important;padding:20px!important;margin-bottom:20px!important;}
  .impro-blog-ui .feature-list,.impro-blog-ui .rfq-list,.impro-blog-ui .related-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .impro-blog-ui .feature,.impro-blog-ui .rfq-list li,.impro-blog-ui .related-card{border-radius:18px!important;padding:16px!important;}
  .impro-blog-ui .faq details{border-radius:18px!important;padding:17px!important;}
  .impro-blog-ui .faq summary{font-size:17px!important;}
  .impro-blog-ui .cta-panel{display:grid!important;grid-template-columns:1fr!important;border-radius:26px!important;padding:22px!important;}
  .impro-blog-ui .gbtn{width:100%!important;padding:14px 18px!important;}
  .impro-blog-ui .footer{width:100%!important;max-width:100%!important;overflow:hidden!important;}
  .impro-blog-ui .footer .menuft ul{display:flex!important;flex-wrap:wrap!important;gap:4px 10px!important;justify-content:center!important;padding:12px!important;}
}

@media(max-width:380px){
  .impro-blog-ui .blog-shell,.impro-blog-ui .article-wrap{width:calc(100vw - 18px)!important;max-width:calc(100vw - 18px)!important;}
  .impro-blog-ui .article-title{font-size:33px!important;}
  .impro-blog-ui .blog-hero h1{font-size:34px!important;}
}

/* ===== BLOG HEADER / MENU ELITE ALIGNMENT FIX 2026-05-26 =====
   This fixes the old Impro theme menu color, spacing, float behavior and dropdown overlap
   only on blog pages. It does not touch index.php.
*/
body.impro-blog-ui #Header{
  background:#fff!important;
  padding:22px 0 10px!important;
  border:0!important;
  box-shadow:none!important;
}
body.impro-blog-ui #Header .head{
  width:min(960px,calc(100vw - 32px))!important;
  max-width:960px!important;
  margin:0 auto!important;
  padding:0!important;
  min-height:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
}
body.impro-blog-ui #Header .logo{
  float:none!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  overflow:visible!important;
}
body.impro-blog-ui #Header .logo br{display:none!important;}
body.impro-blog-ui #Header .logo img{
  display:block!important;
  width:auto!important;
  max-width:265px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
body.impro-blog-ui .menu-nav{
  width:min(960px,calc(100vw - 32px))!important;
  max-width:960px!important;
  margin:0 auto 46px!important;
  padding:0 10px!important;
  min-height:54px!important;
  height:auto!important;
  background:linear-gradient(135deg,#0d506e 0%,#0a455f 55%,#242f60 100%)!important;
  border-radius:18px!important;
  box-shadow:0 16px 36px rgba(13,80,110,.22)!important;
  overflow:visible!important;
  position:relative!important;
  z-index:9999!important;
  border:1px solid rgba(255,255,255,.28)!important;
}
body.impro-blog-ui #navigation.sf-menu{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  list-style:none!important;
}
body.impro-blog-ui #navigation.sf-menu>li{
  float:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  height:54px!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  flex:1 1 auto!important;
  text-align:center!important;
}
body.impro-blog-ui #navigation.sf-menu>li.line{display:none!important;}
body.impro-blog-ui #navigation.sf-menu>li>a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:42px!important;
  padding:0 14px!important;
  margin:0 2px!important;
  color:#fff!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  font-weight:800!important;
  border-radius:13px!important;
  background:transparent!important;
  text-shadow:none!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
  white-space:nowrap!important;
}
body.impro-blog-ui #navigation.sf-menu>li:hover>a,
body.impro-blog-ui #navigation.sf-menu>li.current_page_item>a,
body.impro-blog-ui #navigation.sf-menu>li.current-menu-item>a,
body.impro-blog-ui #navigation.sf-menu>li>a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.16)!important;
  transform:translateY(-1px)!important;
}
body.impro-blog-ui #navigation.sf-menu li ul,
body.impro-blog-ui #navigation.sf-menu li .sub-menu{
  position:absolute!important;
  top:54px!important;
  left:0!important;
  width:260px!important;
  min-width:260px!important;
  padding:10px!important;
  margin:0!important;
  background:#0b4059!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:0 0 18px 18px!important;
  box-shadow:0 22px 45px rgba(0,0,0,.22)!important;
  z-index:10000!important;
  overflow:visible!important;
}
body.impro-blog-ui #navigation.sf-menu li ul li,
body.impro-blog-ui #navigation.sf-menu li .sub-menu li{
  float:none!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  text-align:left!important;
}
body.impro-blog-ui #navigation.sf-menu li ul li a,
body.impro-blog-ui #navigation.sf-menu li .sub-menu li a{
  display:block!important;
  width:auto!important;
  height:auto!important;
  padding:13px 14px!important;
  margin:0!important;
  border-radius:12px!important;
  color:#fff!important;
  background:transparent!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  text-align:left!important;
  white-space:normal!important;
}
body.impro-blog-ui #navigation.sf-menu li ul li a:hover,
body.impro-blog-ui #navigation.sf-menu li .sub-menu li a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.14)!important;
}
body.impro-blog-ui .blog-hero,
body.impro-blog-ui .article-hero{
  margin-top:0!important;
}

@media(max-width:760px){
  body.impro-blog-ui #Header{
    padding:14px 0 8px!important;
  }
  body.impro-blog-ui #Header .head{
    width:calc(100vw - 24px)!important;
    justify-content:center!important;
  }
  body.impro-blog-ui #Header .logo img{
    max-width:220px!important;
  }
  body.impro-blog-ui .menu-nav{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    margin:0 auto 30px!important;
    padding:5px!important;
    min-height:50px!important;
    border-radius:16px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    box-shadow:0 10px 24px rgba(13,80,110,.20)!important;
  }
  body.impro-blog-ui #navigation.sf-menu{
    width:max-content!important;
    min-width:100%!important;
    min-height:44px!important;
    gap:4px!important;
  }
  body.impro-blog-ui #navigation.sf-menu>li{
    flex:0 0 auto!important;
    height:44px!important;
  }
  body.impro-blog-ui #navigation.sf-menu>li>a{
    height:38px!important;
    padding:0 14px!important;
    margin:0!important;
    font-size:11px!important;
    letter-spacing:.045em!important;
    border-radius:12px!important;
    color:#fff!important;
  }
  body.impro-blog-ui #navigation.sf-menu li ul,
  body.impro-blog-ui #navigation.sf-menu li .sub-menu{
    display:none!important;
  }
}

/* ===== FINAL STRUCTURAL UI/UX FIX 2026-05-26 =====
   Blog pages only. index.php is not touched. Fixes header width, dropdown bug,
   footer alignment, full content width, and mobile menu non-marquee layout.
*/
body.impro-blog-ui{
  background:#fff!important;
  overflow-x:hidden!important;
}
body.impro-blog-ui #Container{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.impro-blog-ui #Header{
  width:100%!important;
  max-width:100%!important;
  padding:24px 0 12px!important;
  margin:0!important;
  background:#fff!important;
}
body.impro-blog-ui #Header .head{
  width:min(1180px,calc(100vw - 36px))!important;
  max-width:1180px!important;
  min-height:auto!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-end!important;
}
body.impro-blog-ui #Header .logo{
  float:none!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
  overflow:visible!important;
}
body.impro-blog-ui #Header .logo br{display:none!important;}
body.impro-blog-ui #Header .logo img{
  display:block!important;
  width:auto!important;
  max-width:270px!important;
  height:auto!important;
  margin:0!important;
}

body.impro-blog-ui .menu-nav{
  width:min(1180px,calc(100vw - 36px))!important;
  max-width:1180px!important;
  min-height:auto!important;
  height:auto!important;
  margin:0 auto 52px!important;
  padding:8px!important;
  background:linear-gradient(135deg,#0d506e 0%,#0b4a67 48%,#242f60 100%)!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 18px 42px rgba(13,80,110,.22)!important;
  overflow:visible!important;
  position:relative!important;
  z-index:1000!important;
}
body.impro-blog-ui #navigation.sf-menu{
  width:100%!important;
  min-height:52px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:4px!important;
  list-style:none!important;
  background:transparent!important;
}
body.impro-blog-ui #navigation.sf-menu>li{
  float:none!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  text-align:center!important;
}
body.impro-blog-ui #navigation.sf-menu>li.line{display:none!important;}
body.impro-blog-ui #navigation.sf-menu>li>a{
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  margin:0!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:transparent!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  font-weight:800!important;
  border-radius:14px!important;
  white-space:nowrap!important;
  text-shadow:none!important;
  transition:background .18s ease,transform .18s ease!important;
}
body.impro-blog-ui #navigation.sf-menu>li:hover>a,
body.impro-blog-ui #navigation.sf-menu>li.current_page_item>a,
body.impro-blog-ui #navigation.sf-menu>li.current-menu-item>a,
body.impro-blog-ui #navigation.sf-menu>li>a:focus,
body.impro-blog-ui #navigation.sf-menu>li>a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.15)!important;
  transform:translateY(-1px)!important;
}

/* Drop-downs closed by default, open only on hover/focus. */
body.impro-blog-ui #navigation.sf-menu li ul,
body.impro-blog-ui #navigation.sf-menu li .sub-menu{
  display:block!important;
  position:absolute!important;
  top:50px!important;
  left:0!important;
  width:282px!important;
  min-width:282px!important;
  height:auto!important;
  margin:0!important;
  padding:10px!important;
  list-style:none!important;
  background:#0a4058!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:0 0 22px 22px!important;
  box-shadow:0 26px 58px rgba(0,0,0,.22)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(10px)!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  z-index:2000!important;
  overflow:visible!important;
}
body.impro-blog-ui #navigation.sf-menu>li:nth-last-child(-n+3)>ul,
body.impro-blog-ui #navigation.sf-menu>li:nth-last-child(-n+3)>.sub-menu{
  left:auto!important;
  right:0!important;
}
body.impro-blog-ui #navigation.sf-menu li:hover>ul,
body.impro-blog-ui #navigation.sf-menu li:hover>.sub-menu,
body.impro-blog-ui #navigation.sf-menu li:focus-within>ul,
body.impro-blog-ui #navigation.sf-menu li:focus-within>.sub-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
body.impro-blog-ui #navigation.sf-menu li ul li,
body.impro-blog-ui #navigation.sf-menu li .sub-menu li{
  float:none!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
body.impro-blog-ui #navigation.sf-menu li ul li a,
body.impro-blog-ui #navigation.sf-menu li .sub-menu li a{
  display:block!important;
  width:100%!important;
  height:auto!important;
  padding:13px 14px!important;
  margin:0!important;
  border-radius:14px!important;
  color:#fff!important;
  background:transparent!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.25!important;
  letter-spacing:.01em!important;
  text-align:left!important;
  white-space:normal!important;
}
body.impro-blog-ui #navigation.sf-menu li ul li a:hover,
body.impro-blog-ui #navigation.sf-menu li .sub-menu li a:hover{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}

/* Make content use the full modern blog width, not a narrow old-sidebar look. */
body.impro-blog-ui .blog-shell,
body.impro-blog-ui .article-wrap{
  width:min(1180px,calc(100vw - 36px))!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.impro-blog-ui .content-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:28px!important;
  align-items:start!important;
}
body.impro-blog-ui .toc{
  position:relative!important;
  top:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:16px!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 10px 28px rgba(60,64,67,.08)!important;
}
body.impro-blog-ui .toc b{
  margin:0 8px 0 0!important;
  color:#202124!important;
}
body.impro-blog-ui .toc a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:#e8f0fe!important;
  color:#1a73e8!important;
  padding:8px 12px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:800!important;
}
body.impro-blog-ui .article-body{
  width:100%!important;
  max-width:100%!important;
}
body.impro-blog-ui .article-block,
body.impro-blog-ui .video-platform,
body.impro-blog-ui .cta-panel{
  width:100%!important;
}

/* Modern footer for blog pages. */
body.impro-blog-ui .impro-ui-footer{
  width:100%!important;
  margin:96px 0 0!important;
  padding:44px 0 22px!important;
  background:linear-gradient(135deg,#082f42 0%,#0d506e 52%,#242f60 100%)!important;
  color:#fff!important;
  border-top:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 -24px 60px rgba(15,23,42,.08)!important;
}
body.impro-blog-ui .impro-footer-shell{
  width:min(1180px,calc(100vw - 36px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1.35fr .75fr .95fr 1.15fr!important;
  gap:28px!important;
  align-items:start!important;
}
body.impro-blog-ui .impro-footer-brand img{
  max-width:210px!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  margin:0 0 18px!important;
  background:#fff!important;
  border-radius:18px!important;
  padding:8px!important;
}
body.impro-blog-ui .impro-footer-brand p,
body.impro-blog-ui .impro-footer-rfq p{
  color:#dbeafe!important;
  margin:0!important;
  font-size:15px!important;
  line-height:1.65!important;
}
body.impro-blog-ui .impro-footer-col h3,
body.impro-blog-ui .impro-footer-rfq h3{
  color:#fff!important;
  font-size:16px!important;
  margin:0 0 14px!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
body.impro-blog-ui .impro-footer-col a{
  display:block!important;
  color:#e8f0fe!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:700!important;
  padding:6px 0!important;
}
body.impro-blog-ui .impro-footer-col a:hover{
  color:#fff!important;
  text-decoration:underline!important;
}
body.impro-blog-ui .footer-rfq-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:18px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0d506e!important;
  font-weight:900!important;
  padding:12px 20px!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
}
body.impro-blog-ui .impro-footer-bottom{
  width:min(1180px,calc(100vw - 36px))!important;
  max-width:1180px!important;
  margin:28px auto 0!important;
  padding-top:18px!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
  color:#c7d2fe!important;
  font-size:12px!important;
  text-align:center!important;
}

@media(max-width:1120px){
  body.impro-blog-ui #navigation.sf-menu>li>a{padding:0 9px!important;font-size:11px!important;letter-spacing:.035em!important;}
}
@media(max-width:900px){
  body.impro-blog-ui #Header{padding:16px 0 10px!important;}
  body.impro-blog-ui #Header .head{width:calc(100vw - 24px)!important;justify-content:center!important;}
  body.impro-blog-ui #Header .logo img{max-width:230px!important;}
  body.impro-blog-ui .menu-nav{
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    margin:0 auto 34px!important;
    padding:8px!important;
    border-radius:18px!important;
    overflow:visible!important;
  }
  body.impro-blog-ui #navigation.sf-menu{
    width:100%!important;
    min-width:0!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:6px!important;
  }
  body.impro-blog-ui #navigation.sf-menu>li{
    flex:1 1 calc(50% - 6px)!important;
    max-width:calc(50% - 3px)!important;
  }
  body.impro-blog-ui #navigation.sf-menu>li>a{
    height:40px!important;
    padding:0 8px!important;
    font-size:10.5px!important;
    letter-spacing:.03em!important;
    border-radius:12px!important;
  }
  body.impro-blog-ui #navigation.sf-menu li ul,
  body.impro-blog-ui #navigation.sf-menu li .sub-menu{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body.impro-blog-ui .blog-shell,
  body.impro-blog-ui .article-wrap{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;}
  body.impro-blog-ui .article-hero{padding-top:32px!important;}
  body.impro-blog-ui .article-title{font-size:clamp(36px,11vw,48px)!important;line-height:1.04!important;}
  body.impro-blog-ui .article-lead{font-size:18px!important;}
  body.impro-blog-ui .toc{display:none!important;}
  body.impro-blog-ui .impro-footer-shell{grid-template-columns:1fr!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;gap:22px!important;}
  body.impro-blog-ui .impro-footer-bottom{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;}
}
@media(max-width:430px){
  body.impro-blog-ui #navigation.sf-menu>li>a{font-size:10px!important;padding:0 6px!important;}
  body.impro-blog-ui .article-block{padding:20px!important;border-radius:24px!important;}
  body.impro-blog-ui .article-body h2{font-size:29px!important;}
}


/* ===== SMART HEADER FINAL PATCH 2026-05-26 =====
   Clean custom blog header only. Does not use the old sf-menu structure,
   so old theme CSS cannot turn the menu white or force dropdowns open.
   Footer and index.php are untouched.
*/
body.impro-blog-ui .impro-modern-header{
  width:100%!important;
  background:#fff!important;
  padding:24px 0 0!important;
  position:relative!important;
  z-index:5000!important;
  border-bottom:0!important;
}
body.impro-blog-ui .impro-header-shell{
  width:min(1180px,calc(100vw - 36px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
}
body.impro-blog-ui .impro-modern-logo{
  display:inline-flex!important;
  align-items:center!important;
  text-decoration:none!important;
  line-height:0!important;
}
body.impro-blog-ui .impro-modern-logo img{
  display:block!important;
  width:auto!important;
  max-width:276px!important;
  height:auto!important;
  border:0!important;
}
body.impro-blog-ui .impro-menu-toggle{
  display:none!important;
  border:1px solid #dbe3ee!important;
  background:#fff!important;
  color:#0d506e!important;
  border-radius:999px!important;
  padding:11px 14px!important;
  font-weight:900!important;
  cursor:pointer!important;
  box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
}
body.impro-blog-ui .impro-menu-toggle i,
body.impro-blog-ui .impro-menu-toggle i:before,
body.impro-blog-ui .impro-menu-toggle i:after{
  content:""!important;
  display:block!important;
  width:18px!important;
  height:2px!important;
  background:#0d506e!important;
  border-radius:999px!important;
  margin:0 0 0 8px!important;
  position:relative!important;
}
body.impro-blog-ui .impro-menu-toggle i:before{position:absolute!important;top:-6px!important;left:0!important;margin:0!important;}
body.impro-blog-ui .impro-menu-toggle i:after{position:absolute!important;top:6px!important;left:0!important;margin:0!important;}
body.impro-blog-ui .impro-menu-toggle span{display:inline-block!important;vertical-align:middle!important;}
body.impro-blog-ui .impro-menu-toggle i{display:inline-block!important;vertical-align:middle!important;}

body.impro-blog-ui .impro-modern-nav{
  width:min(1180px,calc(100vw - 36px))!important;
  max-width:1180px!important;
  margin:14px auto 50px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:7px!important;
  background:linear-gradient(135deg,#0d506e 0%,#0b4e6a 45%,#1d2d64 100%)!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:22px!important;
  box-shadow:0 18px 44px rgba(13,80,110,.22)!important;
  overflow:visible!important;
  position:relative!important;
  z-index:5200!important;
}
body.impro-blog-ui .impro-modern-nav>a,
body.impro-blog-ui .impro-nav-parent{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:1 1 0!important;
  min-width:0!important;
  height:44px!important;
  padding:0 13px!important;
  margin:0!important;
  border:0!important;
  border-radius:15px!important;
  background:transparent!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.055em!important;
  font-weight:900!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  text-shadow:0 1px 0 rgba(0,0,0,.10)!important;
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
body.impro-blog-ui .impro-modern-nav>a:hover,
body.impro-blog-ui .impro-modern-nav>a:focus,
body.impro-blog-ui .impro-nav-group:hover>.impro-nav-parent,
body.impro-blog-ui .impro-nav-group:focus-within>.impro-nav-parent,
body.impro-blog-ui .impro-nav-group.open>.impro-nav-parent{
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
  outline:0!important;
}
body.impro-blog-ui .impro-contact-link{
  background:rgba(255,255,255,.13)!important;
}
body.impro-blog-ui .impro-nav-group{
  flex:1 1 0!important;
  min-width:0!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.impro-blog-ui .impro-nav-group>.impro-nav-parent{
  width:100%!important;
}
body.impro-blog-ui .impro-nav-parent:after{
  content:""!important;
  width:7px!important;
  height:7px!important;
  margin-left:8px!important;
  border-right:2px solid rgba(255,255,255,.9)!important;
  border-bottom:2px solid rgba(255,255,255,.9)!important;
  transform:rotate(45deg) translateY(-2px)!important;
  transition:transform .18s ease!important;
}
body.impro-blog-ui .impro-nav-group:hover>.impro-nav-parent:after,
body.impro-blog-ui .impro-nav-group.open>.impro-nav-parent:after{
  transform:rotate(225deg) translateY(-1px)!important;
}
body.impro-blog-ui .impro-dropdown{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  left:0!important;
  width:312px!important;
  min-width:312px!important;
  padding:10px!important;
  background:linear-gradient(180deg,#0b435d 0%,#08364d 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:22px!important;
  box-shadow:0 26px 64px rgba(15,23,42,.25)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(10px) scale(.98)!important;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease!important;
  z-index:99999!important;
}
body.impro-blog-ui .impro-nav-group:nth-last-child(-n+3) .impro-dropdown{
  right:0!important;
  left:auto!important;
}
body.impro-blog-ui .impro-nav-group:hover .impro-dropdown,
body.impro-blog-ui .impro-nav-group:focus-within .impro-dropdown,
body.impro-blog-ui .impro-nav-group.open .impro-dropdown{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0) scale(1)!important;
}
body.impro-blog-ui .impro-dropdown:before{
  content:""!important;
  position:absolute!important;
  top:-8px!important;
  left:24px!important;
  width:16px!important;
  height:16px!important;
  transform:rotate(45deg)!important;
  background:#0b435d!important;
  border-left:1px solid rgba(255,255,255,.18)!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
}
body.impro-blog-ui .impro-dropdown a{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:42px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  background:transparent!important;
  white-space:normal!important;
}
body.impro-blog-ui .impro-dropdown a:hover,
body.impro-blog-ui .impro-dropdown a:focus{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  outline:0!important;
}

@media(max-width:1040px){
  body.impro-blog-ui .impro-modern-nav>a,
  body.impro-blog-ui .impro-nav-parent{font-size:11px!important;letter-spacing:.035em!important;padding:0 8px!important;}
}
@media(max-width:860px){
  body.impro-blog-ui .impro-modern-header{padding:16px 0 0!important;}
  body.impro-blog-ui .impro-header-shell{width:calc(100vw - 24px)!important;align-items:center!important;}
  body.impro-blog-ui .impro-modern-logo img{max-width:220px!important;}
  body.impro-blog-ui .impro-menu-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  body.impro-blog-ui .impro-modern-nav{
    display:none!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
    margin:14px auto 34px!important;
    padding:10px!important;
    border-radius:22px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    overflow:visible!important;
  }
  body.impro-blog-ui .impro-modern-header.menu-open .impro-modern-nav{display:flex!important;}
  body.impro-blog-ui .impro-modern-nav>a,
  body.impro-blog-ui .impro-nav-parent{
    width:100%!important;
    height:auto!important;
    min-height:46px!important;
    flex:0 0 auto!important;
    justify-content:space-between!important;
    text-align:left!important;
    padding:0 15px!important;
    font-size:12px!important;
    letter-spacing:.045em!important;
    border-radius:15px!important;
  }
  body.impro-blog-ui .impro-nav-group{
    width:100%!important;
    flex:0 0 auto!important;
    display:block!important;
  }
  body.impro-blog-ui .impro-dropdown{
    position:static!important;
    display:none!important;
    width:100%!important;
    min-width:0!important;
    margin:7px 0 0!important;
    padding:8px!important;
    border-radius:18px!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    background:rgba(4,34,49,.42)!important;
  }
  body.impro-blog-ui .impro-dropdown:before{display:none!important;}
  body.impro-blog-ui .impro-nav-group.open .impro-dropdown{display:block!important;}
  body.impro-blog-ui .impro-nav-group:hover .impro-dropdown{display:none!important;}
  body.impro-blog-ui .impro-nav-group.open:hover .impro-dropdown{display:block!important;}
  body.impro-blog-ui .impro-dropdown a{min-height:40px!important;font-size:12px!important;}
}
@media(max-width:430px){
  body.impro-blog-ui .impro-modern-logo img{max-width:195px!important;}
  body.impro-blog-ui .impro-menu-toggle{padding:10px 12px!important;font-size:12px!important;}
}