.blog-article-hero{padding:72px 0 46px;background:#10233d;color:#fff}
.blog-article-hero .auto-container,.blog-article-wrap .auto-container{max-width:1120px}
.blog-article-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px;color:#dbeafe;font-weight:700}
.blog-article-breadcrumb a{color:#fff;text-decoration:none}
.blog-article-hero h1{max-width:860px;color:#fff;font-size:44px;line-height:1.16;font-weight:900;margin:0 0 16px;letter-spacing:0}
.blog-article-hero p{max-width:800px;color:#eef5ff;font-size:18px;line-height:1.72;margin:0}
.blog-article-wrap{padding:58px 0;background:#f7fafc}
.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;align-items:start}
.blog-article-main,.blog-article-side{background:#fff;border:1px solid #dde8f2;border-radius:8px;box-shadow:0 16px 42px rgba(15,23,42,.07)}
.blog-article-main{overflow:hidden}
.blog-article-main img{width:100%;display:block;aspect-ratio:16/7;object-fit:cover;background:#10233d}
.blog-article-content{padding:34px}
.blog-article-content h2{color:#10233d;font-size:28px;line-height:1.25;font-weight:900;margin:26px 0 12px}
.blog-article-content h2:first-child{margin-top:0}
.blog-article-content p,.blog-article-content li{color:#556579;font-size:16px;line-height:1.78}
.blog-article-content ul{margin:0 0 16px 20px;padding:0}
.blog-note{background:#fff6f6;border-left:4px solid #dc2626;padding:16px 18px;border-radius:6px;margin:24px 0;color:#334155;font-weight:700}
.blog-article-side{padding:24px;position:sticky;top:22px}
.blog-article-side h3{font-size:20px;color:#10233d;font-weight:900;margin:0 0 14px}
.blog-article-side a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#10233d;font-weight:800;border-top:1px solid #edf2f7;padding:13px 0}
.blog-article-side a:first-of-type{border-top:0}
.blog-article-cta{margin-top:22px;background:#10233d;color:#fff;border-radius:8px;padding:20px}
.blog-article-cta strong{display:block;color:#fff;font-size:18px;margin-bottom:8px}
.blog-article-cta p{color:#dbeafe;line-height:1.6;margin:0 0 14px}
.blog-article-cta .phone{display:inline-flex;background:#dc2626;color:#fff;border:0;border-radius:8px;padding:12px 14px}
@media(max-width:991px){.blog-article-layout{grid-template-columns:1fr}.blog-article-side{position:static}.blog-article-hero h1{font-size:36px}}
@media(max-width:640px){.blog-article-hero{padding:54px 0 36px}.blog-article-hero h1{font-size:30px}.blog-article-content{padding:24px}.blog-article-main img{aspect-ratio:16/10}}