.sb-blog-banner{--sb-banner-ink:#10233d;--sb-banner-gold:#ffe15b;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.6rem;width:min(100% - 6.4rem,124rem);margin:2.4rem auto 0;padding:0 2.4rem;min-height:clamp(10rem,9.5vw,12.8rem);border-radius:2.8rem;background:#038bef var(--sb-blog-banner-bg) center/cover no-repeat;box-sizing:border-box}
.sb-blog-banner__brand{display:block;width:clamp(19rem,21vw,28rem);line-height:0;justify-self:center}
.sb-blog-banner__brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 .4rem 0 rgb(0 72 140 / .35))}
.sb-blog-banner__nav{display:inline-flex;align-items:center;justify-content:center;min-height:4.8rem;padding:.8rem 2.4rem;border-radius:999px;background:var(--sb-banner-gold);color:var(--sb-banner-ink);font:700 1.4rem/1.2 var(--font-body-family);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:0 .3rem 0 rgb(0 50 100 / .2)}
.sb-blog-banner__nav--previous{justify-self:start}
.sb-blog-banner__nav--next{justify-self:end}
.sb-blog-banner__nav:hover{background:#fff}
.sb-blog-banner__nav:focus-visible,.sb-blog-banner__brand:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:749px){.sb-blog-banner{width:calc(100% - 3.2rem);margin-top:1.6rem;padding:0 1.2rem;gap:.8rem;min-height:8rem;border-radius:2rem}.sb-blog-banner__brand{width:clamp(13rem,40vw,17rem)}.sb-blog-banner__nav{min-height:4.4rem;padding:.6rem 1.2rem;font-size:1.1rem;letter-spacing:.06em}.sb-blog-banner__long{display:none}}
.sb-blog-banner__back{display:flex;align-items:center;gap:.8rem;width:min(100% - 6.4rem,124rem);min-height:4.4rem;margin:.4rem auto 0;color:#0070c4;font:700 1.4rem/1.2 var(--font-body-family);text-decoration:none}
.sb-blog-banner__back:hover{text-decoration:underline}
.sb-blog-banner__back:focus-visible{outline:3px solid #0070c4;outline-offset:3px}
@media(max-width:749px){.sb-blog-banner__back{width:calc(100% - 3.2rem)}}