.page-blog-index,.page-blog-article{background:#f5f9fa;color:#284755}
.page-blog-index .site-header,.page-blog-article .site-header{background:#0d202c}
.blog-index-hero,.blog-hero__inner{max-width:1100px;margin:auto;padding:70px 28px 50px}
.blog-index-hero h1,.blog-hero h1{font-size:clamp(36px,5.8vw,64px);line-height:1.1;letter-spacing:-.035em;color:#143240;margin:20px 0 28px;text-wrap:balance}
.blog-hero h1{font-size:clamp(32px,4.7vw,58px)}
.blog-hero h1,.blog-card h2{overflow-wrap:anywhere;hyphens:auto}
.blog-index-hero>p:last-child{max-width:700px;font-size:20px}
.blog-eyebrow{font-size:12px;font-weight:700;color:#23827f;letter-spacing:.08em;text-transform:uppercase}
.blog-index{max-width:1280px;margin:auto;padding:0 28px 90px}
.blog-filters{display:none;grid-template-columns:1fr 1fr;gap:16px 24px;padding:24px;background:#e5f0f1;border-radius:18px}
.blog-ready .blog-filters{display:grid}.blog-filters label{font-size:14px;font-weight:700;display:grid;gap:6px;min-width:0}
.blog-filters input,.blog-filters select{width:100%;min-width:0;font:inherit;padding:12px 14px;color:#163541;border:1px solid #a6c8cb;border-radius:9px;background:#fff;min-height:46px}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}.blog-card{border-radius:18px;background:#fff;box-shadow:0 10px 30px #1d465110;overflow:hidden;border:1px solid #dde9eb;transition:box-shadow .25s,transform .25s}
.blog-card[hidden]{display:none}.blog-card>a{display:block;color:inherit;text-decoration:none}.blog-card img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;height:auto;transition:transform .45s}
.blog-card__copy{position:relative;margin:-20px 14px 0;padding:22px 15px 26px;background:#fff;border-radius:14px 14px 0 0}.blog-card h2{font-size:23px;line-height:1.25;color:#163541;margin:12px 0 16px}.blog-card p{font-size:15px}.blog-card .blog-eyebrow{font-size:11px}.blog-meta{color:#57707a;font-size:13px!important}.blog-card__read{display:block;padding-top:12px;color:#287f7a;font-weight:700;font-size:14px}
.blog-card:hover{box-shadow:0 18px 38px #153e5020;transform:translateY(-3px)}.blog-card:hover img{transform:scale(1.025)}
.blog-back{display:inline-block;font-weight:700;text-decoration:none}
.blog-cover{width:min(100% - 56px,1100px);margin:0 auto;overflow:hidden;border-radius:24px;background:#e2ecee;max-height:580px}.blog-cover img{display:block;width:100%;height:auto;max-height:580px;object-fit:contain}
.blog-reading{position:relative;width:min(100% - 56px,900px);margin:-30px auto 0;padding:clamp(24px,5vw,66px);border:1px solid #e1eaec;border-radius:22px;background:#fff;box-shadow:0 20px 60px #214c5510}
body #imBlogPost.blog-body{width:100%;margin:0;padding:0;font-family:Lato,Arial,sans-serif;color:#284755;font-size:17px;line-height:1.75;overflow-wrap:break-word;text-align:left}
body #imBlogPost.blog-body img{max-width:100%;height:auto}body #imBlogPost.blog-body h2,body #imBlogPost.blog-body h3{line-height:1.3;color:#143b48}
.blog-gallery{display:grid;gap:20px;margin:32px 0}.blog-sources{border-top:1px solid #dce8e9;margin-top:40px;padding-top:24px}.blog-sources a{overflow-wrap:anywhere}
.blog-bottom{max-width:900px;margin:32px auto 80px;padding:0 28px;display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}.blog-bottom a{font-weight:700}.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:110;background:#59c9bd;transform:scaleX(var(--read-progress,0));transform-origin:left;pointer-events:none}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-grid{grid-template-columns:1fr;gap:24px}.blog-filters{grid-template-columns:1fr;padding:18px}.blog-index-hero,.blog-hero__inner{padding:44px 20px 30px}.blog-index{padding:0 18px 60px}.blog-reading{width:calc(100% - 28px);padding:24px 20px;margin-top:-16px;border-radius:18px}.blog-cover{width:calc(100% - 28px);border-radius:18px}.blog-card__copy{margin-top:-16px}.blog-bottom{padding:0 20px}.blog-index-hero>p:last-child{font-size:18px}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card img{transition:none}.blog-card:hover,.blog-card:hover img{transform:none}}