.blog-shell{background:#f7fafc;min-height:100vh}.blog-header{background:#fff;border-bottom:1px solid #e4ebf0;justify-content:space-between;align-items:center;height:78px;padding:0 max(6vw,28px);display:flex}.blog-header nav{align-items:center;gap:28px;display:flex}.blog-header nav a{color:#29445a;font-size:14px;font-weight:800;text-decoration:none}.blog-header nav a:last-child{color:#fff;background:#06c755;border-radius:9px;padding:11px 17px}.blog-hero{color:#fff;background:radial-gradient(circle at 84% 20%,#bff1e2 0,#0000 23%),linear-gradient(125deg,#10253c,#173e61);padding:90px max(8vw,30px)}.blog-hero p,.blog-list-heading p{letter-spacing:.16em;color:#69dbb9;font:800 12px/1 Arial}.blog-hero h1{letter-spacing:-.04em;margin:22px 0;font-size:clamp(38px,5vw,64px);line-height:1.3}.blog-hero>span{color:#d3e0e9;max-width:650px;font-size:17px;line-height:1.9;display:block}.blog-list{max-width:1300px;margin:auto;padding:85px max(7vw,28px) 110px}.blog-list-heading h2{margin:12px 0 36px;font-size:38px}.article-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.article-card{color:#10253c;background:#fff;border:1px solid #e1eaf0;border-radius:17px;grid-template-columns:190px 1fr;text-decoration:none;transition:all .2s;display:grid;overflow:hidden}.article-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #153b5817}.article-cover{color:#fff;background:#155cce;flex-direction:column;justify-content:space-between;min-height:250px;padding:20px;display:flex}.cover-2{background:#0f7d78}.cover-3{background:#295273}.cover-4{background:#315ab5}.cover-5{background:#08765b}.article-cover small{font-weight:800}.article-cover b{opacity:.25;font:900 60px/1 Arial}.article-card-body{flex-direction:column;padding:25px 25px 22px;display:flex}.article-card-body p{color:#718798;margin:0;font-size:12px}.article-card-body p span{display:none}.article-card-body h3{margin:13px 0 11px;font-size:20px;line-height:1.55}.article-card-body div{color:#5b7182;font-size:14px;line-height:1.8}.article-card-body strong{color:#155cce;margin-top:auto;padding-top:18px;font-size:13px}.blog-line{text-align:center;color:#10253c;background:#e8fbf4;padding:75px 25px}.blog-line>p{letter-spacing:.15em;color:#078260;font:800 12px/1 Arial}.blog-line h2{font-size:clamp(29px,4vw,44px);line-height:1.45}.blog-line a,.inline-line a{color:#fff;background:#06c755;border-radius:10px;padding:17px 24px;font-weight:900;text-decoration:none;display:inline-flex}.blog-footer{color:#fff;background:#10253c;justify-content:space-between;align-items:center;padding:35px max(6vw,28px);display:flex}.blog-footer .brand{color:#fff}.article-page{width:min(820px,100% - 40px);margin:0 auto;padding:40px 0 90px}.breadcrumb{color:#708495;align-items:center;gap:10px;margin-bottom:50px;font-size:12px;display:flex}.breadcrumb a{color:#526b7e}.article-title{border-bottom:1px solid #dce5eb;padding-bottom:35px}.article-title>p{color:#08765b;background:#dff6ef;border-radius:20px;margin:0 0 15px;padding:7px 11px;font-size:12px;font-weight:900;display:inline-block}.article-title h1{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(32px,5vw,50px);line-height:1.4}.article-title div{color:#6a8191;font-size:13px}.article-title div span{margin-left:20px}.article-lead{color:#304d62;margin:38px 0;font-size:18px;line-height:2.05}.article-toc{background:#fff;border:1px solid #dfe8ee;border-radius:14px;margin:40px 0 55px;padding:25px 30px}.article-toc b{font-size:17px}.article-toc ol{margin:15px 0 0;padding-left:22px}.article-toc li{color:#155cce;padding:6px 0}.article-toc a{color:#294f72;text-underline-offset:4px}.article-section{margin:50px 0;scroll-margin-top:30px}.article-section h2{border-left:5px solid #155cce;margin-bottom:23px;padding-left:17px;font-size:28px;line-height:1.5}.article-section p{color:#324e61;font-size:17px;line-height:2.05}.article-section ul{background:#fff;border-radius:13px;padding:21px 28px 21px 48px}.article-section li{padding:6px 0;line-height:1.7}.inline-line{color:#fff;text-align:center;background:#10253c;border-radius:20px;margin:65px 0 45px;padding:38px}.inline-line small{color:#69dbb9;font-weight:900}.inline-line h2{font-size:30px;line-height:1.5}.inline-line p{color:#c7d5df;line-height:1.8}.back-link a{color:#155cce;font-weight:800}.back-link{text-align:center}@media (max-width:800px){.article-grid{grid-template-columns:1fr}.blog-hero{padding:65px 24px}.blog-list{padding:60px 20px 80px}.article-card{grid-template-columns:135px 1fr}.article-cover{min-height:240px}.article-card-body{padding:20px}.article-card-body h3{font-size:18px}.article-card-body div{font-size:13px}.article-page{padding-top:25px}.breadcrumb{margin-bottom:35px}.article-section h2{font-size:24px}.article-section p{font-size:16px}}@media (max-width:520px){.blog-header{padding:0 18px}.blog-header nav a:first-child,.blog-hero h1 br{display:none}.article-card{display:block}.article-cover{flex-direction:row;min-height:120px}.article-cover b{font-size:42px}.article-title h1{font-size:31px}.inline-line{padding:30px 20px}.blog-footer{padding:28px 20px}.article-lead{font-size:17px}}
