/* Scoped to public blog; no global header/footer changes. */
.blog-page{background:#f4f7fb;color:#10263f;min-height:55vh;font-family:inherit}
.blog-container{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.blog-hero{background:linear-gradient(125deg,#0d2946,#0b4055);color:white;padding:clamp(45px,7vw,86px) 0}
.blog-eyebrow{font-size:.76rem;letter-spacing:.14em;color:#5fe0dc;font-weight:700}
.blog-hero h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;margin:14px 0}
.blog-hero p{max-width:720px;color:#d7e7f0;font-size:1.06rem;line-height:1.9;margin:0}
.blog-list{padding-block:45px 75px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-card{background:#fff;border:1px solid #e1e8f0;border-radius:15px;padding:26px;box-shadow:0 8px 28px rgba(9,35,60,.055);display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}
.blog-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(9,35,60,.11)}
.blog-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.blog-category{display:inline-block;background:#e7f5f5;color:#08777c;border-radius:30px;padding:6px 12px;font-size:.78rem;font-weight:700}
.blog-card time,.blog-date{font-size:.8rem;color:#687b8f}
.blog-card h2{font-size:1.3rem;line-height:1.65;margin:20px 0 12px;font-weight:750}
.blog-card h2 a{color:#102c4b;text-decoration:none}
.blog-card h2 a:hover,.blog-card h2 a:focus-visible{color:#087b87;text-decoration:underline}
.blog-card p{line-height:1.9;color:#465d70;overflow-wrap:anywhere}
.blog-read{margin-top:auto;padding-top:15px;color:#087b87;font-weight:750;text-decoration:none}
.blog-read:hover{text-decoration:underline}
.blog-empty{background:white;border:1px solid #e1e8f0;border-radius:15px;padding:42px}
.blog-article-shell{max-width:930px;padding-block:34px 72px}
.blog-breadcrumb{display:flex;gap:12px;align-items:center;color:#667c91;margin-bottom:24px;flex-wrap:wrap}
.blog-breadcrumb a,.blog-back{color:#087b87}
.blog-article{background:white;border:1px solid #e1e8f0;border-radius:18px;padding:clamp(22px,5vw,58px);box-shadow:0 10px 30px rgba(9,35,60,.06)}
.blog-article h1{font-size:clamp(1.8rem,3.7vw,2.8rem);line-height:1.5;margin:20px 0 10px}
.blog-date{display:block;margin:10px 0 20px}
.blog-lead{font-size:1.15rem;line-height:2;color:#425d73;padding-bottom:20px;border-bottom:1px solid #e7edf3}
.blog-content{font-size:1.05rem;line-height:2.1;overflow-wrap:anywhere}
.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#123753;line-height:1.5;margin:1.6em 0 .65em;font-weight:750}
.blog-content h1{font-size:1.9rem}.blog-content h2{font-size:1.6rem}.blog-content h3{font-size:1.35rem}
.blog-content h4{font-size:1.2rem}.blog-content h5{font-size:1.08rem}.blog-content h6{font-size:1rem}
.blog-content p{margin:0 0 1.15em}
.blog-content a{color:#087b87;text-decoration:underline}
.blog-content img{display:block;max-width:100%;height:auto;border-radius:12px;margin:20px auto}
.blog-cta{margin-top:35px;background:#eaf5f7;border-radius:14px;padding:24px}
.blog-cta p{margin:0 0 15px;font-weight:700}
.blog-cta a{display:inline-block;background:#087d89;color:white;padding:12px 20px;border-radius:9px;text-decoration:none;font-weight:700}
.blog-back{display:inline-block;margin-top:22px;font-weight:650}
@media(max-width:960px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.blog-container{width:min(100% - 28px,1160px)}.blog-grid{grid-template-columns:1fr}.blog-list{padding-block:25px 45px}.blog-card{padding:22px}.blog-article-shell{padding-block:20px 48px}}
