.blog-article-main{padding:calc(84px + 36px) 20px 96px;background:linear-gradient(180deg,#f8f9fa,#eef1f4)}
.blog-article-wrap{max-width:860px;margin:0 auto}
.blog-article-back{display:inline-block;margin:0 0 24px;color:#245b8e;font-size:14px;font-weight:600;text-decoration:none}
.blog-article-head{padding:clamp(28px,6vw,64px);border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(28,39,49,.06)}
.blog-article-head .blog-kicker{margin-bottom:14px}
.blog-article-head h1{margin:0;color:var(--rise-metal-ink,#123b68);font:600 clamp(34px,6vw,58px)/1.05 var(--head, sans-serif);letter-spacing:-.035em;text-wrap:balance}
.blog-article-deck{margin:20px 0 0;color:#475569;font:400 clamp(16px,2vw,19px)/1.65 var(--body,sans-serif)}
.blog-article-hero{display:block;width:100%;max-height:460px;margin:28px 0 0;border-radius:14px;object-fit:cover;background:#e9ecef}
.blog-article-body{max-width:720px;margin:42px auto 0;color:#344253;font:400 17px/1.8 var(--body,sans-serif)}
.blog-article-body h2{margin:36px 0 12px;color:#123b68;font:600 28px/1.2 var(--head,sans-serif)}
.blog-article-body p{margin:0 0 18px}
.blog-article-body ul{padding-left:24px;margin:0 0 24px}
.blog-article-body li{margin:0 0 8px}
.blog-article-note{padding:18px 20px;border-left:3px solid #3475a6;border-radius:0 8px 8px 0;background:#fff;color:#526174;font-size:15px}
.blog-article-cta{margin:42px auto 0;padding:28px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;text-align:center}
.blog-article-cta h2{margin:0;color:#123b68;font:600 26px/1.2 var(--head,sans-serif)}
.blog-article-cta p{margin:10px auto 18px;color:#526174;line-height:1.6}
.blog-article-cta .button{display:inline-flex}
@media(max-width:700px){.blog-article-main{padding:calc(72px + 24px) 16px 64px}.blog-article-body{margin-top:30px;font-size:16px}.blog-article-body h2{font-size:24px}.blog-article-head{padding:28px 22px}.blog-article-hero{max-height:300px}}