.blog-page{background:#fff}
.blog-article{padding:clamp(30px,5vw,64px) 0 100px;background:#fff}
.blog-article-header{max-width:1260px}
.blog-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 clamp(32px,5vw,60px);color:#6c7d8d;font-size:var(--type-ui-small);line-height:1.5}
.blog-breadcrumbs a{color:inherit;text-decoration:none;transition:color .2s ease}
.blog-breadcrumbs a:hover{color:#738FAA}
.blog-breadcrumbs [aria-current=page]{color:#526f8d}
.blog-article-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);gap:clamp(32px,7vw,104px);align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.blog-article-title-block{max-width:800px}
.blog-article-meta{display:flex;align-items:center;gap:14px;margin:0 0 20px;color:#687989;font-size:var(--type-small)!important}
.blog-article-meta span{color:#526f8d;font-weight:700}
.blog-article-meta time{padding-left:14px;border-left:1px solid #d8e0e7}
.blog-article-heading h1{max-width:820px;margin:0;color:#171d23;font-size:var(--type-h1)!important}
.blog-article-deck{max-width:500px;margin:0 0 8px;color:#697887;font-size:clamp(1.05rem,1.45vw,1.25rem)!important;line-height:1.65!important}
.blog-article-cover{position:relative;max-width:1260px;margin:0 auto;overflow:visible;border-radius:0;background:transparent}
.blog-article-cover img{width:100%;aspect-ratio:2.05/1;object-fit:cover;object-position:center 48%;border-radius:24px}
.blog-article-cover figcaption{padding:12px 2px 0;background:transparent;color:#718092;font-size:var(--type-ui-small);line-height:1.5}
.blog-article-body{width:min(760px,calc(100% - 2*var(--pad)));margin:clamp(42px,6vw,76px) auto 0;color:#343f49}
.blog-article-body>p{margin:0 0 24px;color:#536273;font-size:var(--type-body)!important;line-height:1.85!important}
.blog-article-body .blog-article-intro{color:#283541;font-size:clamp(1.15rem,1.7vw,1.35rem)!important;line-height:1.72!important}
.blog-article-body h2{margin:clamp(42px,6vw,64px) 0 18px;color:#171d23;font-size:var(--type-h2)!important;line-height:1.22!important}
.blog-article-callout{display:grid;grid-template-columns:48px 1fr;gap:18px;align-items:center;margin:38px 0;padding:22px 24px;border:1px solid #dce5ed;border-radius:16px;background:#f5f8fb}
.blog-callout-mark{width:44px;height:44px;display:grid;place-items:center}
.blog-callout-mark img{width:36px;height:36px;object-fit:contain}
.blog-article-callout p{margin:0;color:#526273;font-size:var(--type-small)!important;line-height:1.75!important}
.blog-article-callout strong{color:#263440}
.blog-article-next{margin:clamp(52px,8vw,86px) 0 38px;padding:clamp(28px,5vw,48px);border-radius:22px;background:#f2f5f8}
.blog-article-next .v4-kicker{display:block;margin-bottom:18px;color:#738FAA;font-size:var(--type-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.blog-article-next h2{margin:0 0 14px;font-size:var(--type-h2)!important}
.blog-article-next>p{margin:0;color:#687989}
.blog-article-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px}
.blog-article-actions .button{min-height:48px}
.blog-article-actions .button svg{width:17px;height:17px;flex:none}
.blog-back-link{display:inline-flex;align-items:center;gap:9px;color:#526f8d;font-size:var(--type-small);font-weight:700;text-decoration:none;transition:color .2s ease,transform .2s ease}
.blog-back-link:hover{color:#738FAA;transform:translateX(-2px)}
@media(max-width:760px){.blog-article{padding-top:28px}.blog-article-heading{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.blog-article-heading h1{max-width:620px}.blog-article-deck{max-width:620px}.blog-article-cover img{aspect-ratio:1.35/1;border-radius:18px}.blog-article-callout{grid-template-columns:38px 1fr;gap:12px;padding:18px}.blog-callout-mark{width:36px;height:36px}.blog-callout-mark img{width:30px;height:30px}}
@media(max-width:480px){.blog-breadcrumbs{gap:7px;margin-bottom:28px}.blog-article-meta{margin-bottom:14px}.blog-article-cover img{aspect-ratio:1.08/1}.blog-article-actions{align-items:flex-start;flex-direction:column;gap:18px}.blog-article-next{border-radius:18px}}