.blog-hero,.post-top{background:#082b3c;color:#fff}
.blog-hero{padding:88px 0 98px}
.blog-hero h1{max-width:920px;font-size:clamp(2.9rem,5vw,5.1rem)}
.blog-hero p:last-child{max-width:660px;margin:24px 0 0;color:#d1e1e4;font-size:1.08rem}
.blog-list-section{padding:82px 0 110px}
.blog-list-heading{display:flex;align-items:end;gap:20px;margin-bottom:34px}
.blog-list-heading .eyebrow{margin-bottom:12px}
.blog-list-heading h2{font-size:clamp(2.2rem,3vw,3.4rem)}
.blog-list-heading>p{margin:0 0 8px auto;color:var(--muted);font-size:.9rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.blog-card{background:#fff;border:1px solid #dce9e8;display:flex;flex-direction:column;min-width:0}
.blog-card-visual{display:block;height:188px;overflow:hidden;background:#0b5264}
.blog-card-visual img{height:100%;width:100%;object-fit:cover}
.blog-card-mark{height:100%;display:flex;align-items:center;justify-content:center;color:#73cdd0;font:800 2.2rem Manrope,Arial,sans-serif;letter-spacing:-.06em;background:linear-gradient(135deg,#082b3c,#116273)}
.blog-card-content{padding:25px 25px 28px;display:flex;flex-direction:column;flex:1}
.blog-meta{font-size:.72rem!important;line-height:1.5!important;letter-spacing:.03em;color:#197788!important;font-weight:800;margin:0 0 13px!important}
.blog-meta span,.post-byline span{margin:0 6px;color:#b4c9ce}
.blog-card h3{font-size:1.28rem;line-height:1.32;letter-spacing:-.025em}
.blog-card h3 a:hover,.blog-card h3 a:focus-visible{color:#087d88}
.blog-card-content>p:not(.blog-meta){color:#5c707a;font-size:.86rem;line-height:1.62;margin:14px 0 25px}
.blog-read{font-size:.82rem;font-weight:800;color:#087d88;margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}
.home-blog-section{background:#e9f3f2;padding:90px 0 100px}
.home-blog-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}
.home-blog-heading .eyebrow{margin-bottom:14px}
.home-blog-heading h2{max-width:680px;font-size:clamp(2.2rem,3.4vw,3.6rem)}
.home-blog-heading .text-link{margin-bottom:8px}
.post-top{padding:58px 0 76px}
.post-top-inner{max-width:960px}
.post-back{display:inline-block;font-size:.87rem;color:#b9e3e4;font-weight:700;margin-bottom:54px}
.post-back:hover{text-decoration:underline}
.post-top .eyebrow{margin-bottom:18px}
.post-top h1{max-width:960px;font-size:clamp(2.55rem,4.8vw,4.8rem)}
.post-byline{color:#c8dfe2;font-size:.92rem;margin:25px 0 0}
.post-layout{display:flex;justify-content:center;padding-top:60px;padding-bottom:105px}
.post-article{width:min(100%,760px)}
.post-lead-image{max-height:430px;width:100%;object-fit:cover;margin-bottom:35px}
.archive-note{background:#e9f3f2;border-left:3px solid #bd2637;padding:15px 20px;font-size:.88rem;color:#43616a;margin:0 0 40px}
.post-body{color:#273f49;font-size:1.04rem;line-height:1.8;overflow-wrap:anywhere}
.post-body p{margin:0 0 1.45em;line-height:1.8}
.post-body h2,.post-body h3{margin:1.6em 0 .6em;letter-spacing:-.025em}
.post-body h2{font-size:1.8rem}.post-body h3{font-size:1.4rem}
.post-body ul,.post-body ol{padding-left:1.5em;margin:0 0 1.6em}
.post-body li{padding-left:.25em;margin-bottom:.65em}
.post-body a,.post-end a{color:#087d88;text-decoration:underline;text-underline-offset:3px}
.post-body img{width:auto;height:auto;max-width:100%;margin:1.2em auto}
.post-body figure{margin:1.8em 0}.post-body figcaption{font-size:.8rem;color:#627b83;text-align:center}
.post-body blockquote{border-left:3px solid #16a6ad;margin:1.8em 0;padding-left:1.3em;color:#4c6973}
.post-end{border-top:1px solid #dce9e8;margin-top:60px;padding-top:27px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;font-size:.88rem;font-weight:700}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-hero{padding:62px 0 70px}.blog-list-section,.home-blog-section{padding:65px 0 75px}.blog-grid{grid-template-columns:1fr}.blog-card-visual{height:205px}.home-blog-heading{display:block}.home-blog-heading .text-link{display:inline-block;margin-top:22px}.post-top{padding:44px 0 57px}.post-back{margin-bottom:42px}.post-layout{padding-top:38px;padding-bottom:75px}.post-body{font-size:1rem}.post-lead-image{max-height:300px}}
