/* Blog styles - load AFTER bootstrap and style.css */
.blog-wrap{padding:32px 16px 0}
.blog-article,.blog-index{margin:0 auto;font-family:"Jost",sans-serif;color:#2b3a4a;text-align:left}
.blog-article{max-width:760px}.blog-index{max-width:1100px}
.crumbs{font-size:14px;color:#6b7c8c;margin:0 0 18px}.crumbs a{color:#1f6fb5;text-decoration:none}
.blog-meta{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:#5b7b9a;margin:0 0 12px}
.blog-article h1,.blog-index h1{font-size:40px!important;line-height:1.2!important;font-weight:500!important;color:#0b2a4a;text-align:left!important;padding:0!important;margin:0 0 16px!important}
.blog-lead{font-size:21px!important;line-height:1.6!important;color:#3d5266;margin:0 0 28px!important}
.blog-article figure{margin:0 0 36px}.blog-article figure img{width:100%;height:auto;display:block;border-radius:10px}
.blog-article h2{font-size:28px!important;line-height:1.3!important;font-weight:500!important;color:#0b2a4a;text-align:left!important;margin:44px 0 14px!important;padding:0!important}
.blog-article h3{font-size:21px;font-weight:500;color:#0b2a4a;margin:0 0 8px}
.blog-article p{font-size:18px!important;line-height:1.75!important;margin:0 0 18px!important;text-align:left!important}
.blog-article ul{list-style:none;padding:0;margin:8px 0 18px}
.blog-article ul li{font-size:18px;line-height:1.7;padding:14px 16px 14px 20px;margin-bottom:12px;background:#f6faff;border-left:4px solid #1f6fb5;border-radius:0 8px 8px 0}
.blog-article ul li strong{color:#0b2a4a;font-weight:500}.blog-article ul li a{color:#1f6fb5;text-decoration:none}
.prod{display:flex;gap:24px;align-items:center;margin:0 0 28px}.prod img{width:42%;max-width:300px;border-radius:10px}
.prod p{margin:0!important}
.callout{background:#ebf6ff;border-radius:10px;padding:20px 24px;margin:8px 0 22px}.callout p{margin:0!important}
.blog-cta{background:#0b2a4a;color:#fff;border-radius:12px;padding:32px 28px;margin:48px 0 24px;text-align:center}
.blog-cta h2{color:#fff!important;margin:0 0 12px!important}.blog-cta p{color:#dbe8f5;text-align:center!important}
.btn-quote{display:inline-block;margin-top:8px;padding:14px 32px;background:#fff;color:#0b2a4a!important;font-size:18px;font-weight:500;border-radius:30px;text-decoration:none}
.btn-quote:hover{background:#ebf6ff}
.blog-sign{font-size:15px!important;color:#6b7c8c;text-align:center!important}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;margin:32px 0 48px}
.blog-card{display:block;background:#fff;border:1px solid #dbe8f5;border-radius:12px;overflow:hidden;text-decoration:none;color:#2b3a4a;transition:box-shadow .2s}
.blog-card:hover{box-shadow:0 6px 20px rgba(11,42,74,.12)}
.blog-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.bc-body{padding:18px 20px 22px}.bc-date{font-size:13px;color:#6b7c8c;margin:0 0 6px}
.bc-body h2{font-size:21px;line-height:1.3;font-weight:500;color:#0b2a4a;margin:0 0 8px}
.bc-body p{font-size:16px;line-height:1.6;margin:0 0 10px}.bc-more{color:#1f6fb5;font-weight:500}
@media(max-width:576px){.blog-article h1,.blog-index h1{font-size:28px!important}.blog-lead{font-size:18px!important}
.blog-article h2{font-size:23px!important;margin-top:34px!important}.blog-article p,.blog-article ul li{font-size:16.5px!important}
.blog-cta{padding:26px 20px}.prod{flex-direction:column;align-items:flex-start}.prod img{width:100%;max-width:100%}}