.blog-shell{background:linear-gradient(180deg,#e5f8ff 0%,#f8fcff 32%,#d9effa 100%);color:#0b2940;padding:46px 0 90px}
.blog-shell h1,.blog-shell h2,.blog-shell h3{color:#083052;line-height:1.22}
.blog-shell p,.blog-shell li{color:#28475c}
.blog-hero{background:linear-gradient(115deg,#05314c,#076f9d 65%,#5bd1e6);color:white;padding:68px 0 62px}
.blog-hero h1,.blog-hero p{color:white}
.blog-hero h1{font-size:clamp(32px,4.6vw,58px);max-width:850px}
.blog-eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#f6d88e;font-weight:800}
.blog-filters{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}
.blog-filters button{border:1px solid #c3dce8;border-radius:50px;background:#fff;padding:9px 16px;color:#12445f;font-weight:700}
.blog-filters button[aria-pressed=true]{background:#075e88;color:white}
.blog-search{width:100%;padding:15px 18px;border:1px solid #b4d4e5;border-radius:12px;background:white;color:#102e45}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.blog-card{display:flex;flex-direction:column;gap:9px;background:white;border:1px solid #c8e1ed;border-radius:16px;padding:22px;box-shadow:0 10px 24px #083b5910}
.blog-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #083b5920}
.blog-card h2{font-size:20px;margin:0}
.blog-card p{font-size:14px;margin:0;flex:1}
.blog-card small{color:#08739c;font-weight:800}
.blog-card span{color:#075e88;font-weight:800}
.blog-article{max-width:860px;margin:0 auto;background:#fff;border:1px solid #c8e1ed;border-radius:20px;padding:clamp(22px,5vw,56px);box-shadow:0 16px 50px #063b5b14}
.blog-article h2{font-size:clamp(22px,3vw,29px);margin-top:36px}
.blog-article h3{font-size:20px;margin-top:25px}
.blog-article p,.blog-article li{font-size:16px;line-height:1.85}
.blog-note{padding:18px 20px;background:#eaf6fd;border-left:4px solid #087ba8;border-radius:9px}
.blog-cta{background:linear-gradient(115deg,#07334f,#075d85);padding:28px;border-radius:15px;color:white;margin-top:34px}
.blog-cta h2,.blog-cta p{color:white;margin-top:0}
.blog-cta a{display:inline-block;background:#f0c976;color:#082c43;padding:12px 20px;border-radius:9px;font-weight:800;margin:5px 9px 0 0}
.blog-breadcrumb{font-size:13px;margin-bottom:18px}
.blog-breadcrumb a{color:#075e88;text-decoration:underline}
.blog-related{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
.blog-related a{background:#e6f4fb;padding:10px 13px;border-radius:9px;color:#064b70;font-weight:700}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:44px 0}.blog-shell{padding:25px 0 65px}}