body.xf31-blog-article { background:#f5f8fb; color:#152238; }
body.xf31-blog-article .elementor-642, body.xf31-blog-article .site-header { display:none !important; }
body.xf31-blog-article .elementor-246 { background:#081b42 !important; }
body.xf31-blog-article .xf31-article-header { position:relative; z-index:20; background:#081b42; }
body.xf31-blog-article #xf-header { background:#081b42 !important; }
body.xf31-blog-article #xf-header .xf-header__inner { padding:0 24px !important; }
body.xf31-blog-article #xf-header .xf-header__inner > .e-con-inner { width:1120px; max-width:100%; padding:0; }
body.xf31-blog-article #xf-header .xf-header__logo { padding:0; }
body.xf31-blog-article .page-header { display:none !important; }
body.xf31-blog-article #content { max-width:none; margin:0; padding:0; }
body.xf31-blog-article .page-content { max-width:none; margin:0; padding:0 24px 84px; background:#f5f8fb; }
body.xf31-blog-article .xf31-article-hero { margin:0 -24px; padding:72px 24px 60px; position:relative; overflow:hidden; background:#081b42 url('/wp-content/uploads/2026/09/hero-background-v2.webp') right center / cover; }
body.xf31-blog-article .xf31-article-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(4,18,38,.98),rgba(4,18,38,.87) 56%,rgba(4,18,38,.38)); }
body.xf31-blog-article .xf31-article-hero__inner { position:relative; width:880px; max-width:100%; margin:auto; }
body.xf31-blog-article .xf31-article-back { display:inline-flex; color:#9edbff; font-weight:700; font-size:14px; margin-bottom:22px; }
body.xf31-blog-article .xf31-article-topic { display:block; color:#36b8ff; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; margin-bottom:14px; }
body.xf31-blog-article .xf31-article-hero h1 { max-width:820px; margin:0 0 18px; color:#fff; font-size:clamp(34px,5vw,56px); line-height:1.1; }
body.xf31-blog-article .xf31-article-hero time { color:#d7e5f4; font-size:14px; }
body.xf31-blog-article .xf31-article-prose { width:880px; max-width:100%; margin:42px auto 0; padding:44px 56px; background:#fff; border:1px solid #e1e8ef; border-radius:6px; box-shadow:0 8px 24px rgb(8 27 66 / 6%); }
body.xf31-blog-article .xf31-article-prose p { color:#334257; font-size:17px; line-height:1.78; margin:0 0 20px; }
body.xf31-blog-article .xf31-article-prose h2 { color:#152238; font-size:32px; line-height:1.2; margin:34px 0 14px; }
body.xf31-blog-article .xf31-article-prose h3 { color:#152238; font-size:25px; line-height:1.25; margin:30px 0 12px; }
body.xf31-blog-article .xf31-article-prose a { color:#0879c4; font-weight:600; }
body.xf31-blog-article .xf31-article-prose figure { margin:28px 0; }
body.xf31-blog-article .xf31-article-prose figure img { width:100%; height:auto; border-radius:4px; }
body.xf31-blog-article .xf31-article-prose figcaption { color:#657389; font-size:13px; font-style:italic; margin-top:8px; }
body.xf31-blog-article .xf31-article-prose .post-tags { border-top:1px solid #e1e8ef; margin-top:32px; padding-top:20px; color:#657389; font-size:14px; }
body.xf31-blog-article .xf31-article-prose ul, body.xf31-blog-article .xf31-article-prose ol { color:#334257; line-height:1.75; margin-bottom:22px; }
body.xf31-blog-article .xf31-article-prose blockquote { border-left:4px solid #36b8ff; margin:24px 0; padding:8px 20px; background:#f1f8ff; color:#334257; }
@media(max-width:1024px) {
 body.xf31-blog-article #xf-header .xf-header__inner > .e-con-inner { justify-content:space-between; gap:12px; }
 body.xf31-blog-article #xf-header .xf-header__logo { width:158px !important; min-width:0 !important; flex-shrink:0; }
 body.xf31-blog-article #xf-header .xf-header__nav { width:44px !important; flex:0 0 44px !important; order:3; }
 body.xf31-blog-article #xf-header .xf-header__actions { width:44px !important; flex:0 0 44px !important; margin-left:auto; }
 body.xf31-blog-article #xf-header .xf-budget { display:none !important; }
 body.xf31-blog-article #xf-header .elementor-nav-menu__container.elementor-nav-menu--dropdown { position:fixed !important; top:68px !important; left:12px !important; right:12px !important; width:calc(100% - 24px) !important; max-width:none !important; margin:0 !important; transform:none !important; max-height:calc(100vh - 90px); overflow:auto; }
 body.xf31-blog-article #xf-header .elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu--dropdown { display:none !important; }
 body.xf31-blog-article #xf-header .elementor-menu-toggle.elementor-active + .elementor-nav-menu--dropdown { display:block !important; }
}
@media(max-width:767px) {
 body.xf31-blog-article .page-content { padding:0 16px 56px; }
 body.xf31-blog-article .xf31-article-hero { margin:0 -16px; padding:54px 20px 44px; }
 body.xf31-blog-article .xf31-article-prose { margin-top:24px; padding:28px 20px; }
 body.xf31-blog-article .xf31-article-prose p { font-size:16px; }
 body.xf31-blog-article .xf31-article-prose h2 { font-size:27px; }
 body.xf31-blog-article .xf31-article-prose h3 { font-size:22px; }
}
