.blog-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.blog-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:38px;align-items:start}.blog-main{min-width:0}.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#60758A;padding:24px 0 18px}.blog-breadcrumb a{color:#1269B0;text-decoration:none}.blog-title{font-size:clamp(2.3rem,4vw,3.35rem);font-weight:900;line-height:1.04;letter-spacing:-.035em;color:#08264A}.blog-intro{font-size:1.1rem;line-height:1.65;color:#52677f}.blog-featured{width:100%;aspect-ratio:2.55/1;object-fit:cover;display:block;border-radius:7px;margin-top:18px;border:1px solid rgba(8,38,74,.08)}.blog-byline{display:flex;align-items:center;gap:12px;padding:14px 0 24px;border-bottom:1px solid #e5edf4;color:#52677f;font-size:13px}.blog-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#EAF6FF;color:#08264A;font-weight:900;border:1px solid #cfe5f7}.blog-prose{font-size:15.5px;line-height:1.82;color:#52677f}.blog-prose h2{font-size:clamp(1.65rem,2.5vw,2rem);line-height:1.2;font-weight:900;color:#08264A;letter-spacing:-.025em;margin:38px 0 12px;scroll-margin-top:100px}.blog-prose h3{font-size:1.22rem;line-height:1.3;font-weight:850;color:#08264A;margin:26px 0 8px;scroll-margin-top:100px}.blog-prose p{margin:0 0 12px}.blog-prose ul{list-style:disc;padding-left:24px;margin:10px 0 18px}.blog-prose li{padding-left:2px;margin:4px 0}.blog-prose strong{color:#08264A}.blog-callout{border-left:4px solid #FF6B12;background:linear-gradient(90deg,#fff1e7,#fff8f3);padding:10px 16px;border-radius:5px;color:#e95c0a;font-weight:850;margin:14px 0}.blog-blue-quote{background:#EAF6FF;border-left:4px solid #1269B0;padding:14px 18px;border-radius:8px;margin:14px 0;color:#08264A;font-weight:750}.blog-flow{display:flex;align-items:stretch;gap:7px;flex-wrap:wrap;margin:14px 0 18px}.blog-flow span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:50px;flex:1 1 90px;background:#EAF6FF;border-radius:8px;padding:9px;color:#08264A;font-size:13px;font-weight:800}.blog-flow b{align-self:center;color:#7ab9e8}.blog-sidebar{position:sticky;top:24px;display:grid;gap:16px;padding-top:24px}.blog-side-card{border:1px solid #e0edf7;background:#fff;border-radius:13px;padding:18px;box-shadow:0 5px 22px rgba(8,38,74,.035)}.blog-side-card h2,.blog-side-card h3{font-size:16px;font-weight:900;color:#08264A;line-height:1.35;margin:0 0 10px}.blog-toc{list-style:decimal;padding-left:19px;margin:0;color:#60758A;font-size:13px;line-height:1.5}.blog-toc li{padding:3px 0 3px 3px}.blog-toc a{color:#52677f;text-decoration:none}.blog-toc a:hover{color:#1269B0}.blog-side-blue{background:linear-gradient(145deg,#f2faff,#eaf6ff);border-color:#e4f1fb}.blog-side-card p{font-size:13.5px;line-height:1.6;color:#52677f;margin:0 0 13px}.blog-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#FF6B12;color:#fff!important;text-decoration:none;font-size:13px;font-weight:850;border-radius:9px;padding:12px 13px;transition:transform .2s,box-shadow .2s}.blog-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,18,.25)}.blog-small{font-size:11px!important;text-align:center;margin:9px 0 0!important}.blog-author-box{display:flex;gap:14px;align-items:flex-start}.blog-author-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:50%;background:#EAF6FF;display:grid;place-items:center;color:#08264A;font-size:22px;font-weight:900}.blog-internal-cta{margin:28px 0;padding:24px;border-radius:15px;background:#EAF6FF;border:1px solid #dceefa}.blog-final-cta{margin:40px 0 32px;padding:30px;border-radius:18px;background:#08264A;color:#fff;text-align:center}.blog-final-cta h2{color:#fff;margin:0 0 10px;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:900}.blog-final-cta p{color:#dbe8f5;margin:0 0 18px}.blog-toc-mobile{display:none}.blog-related-note{padding:13px;border-radius:9px;background:#f2f8fd;font-size:13px;color:#60758A;line-height:1.6}.blog-prose a{color:#1269B0;font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.blog-grid{grid-template-columns:minmax(0,1fr);gap:10px}.blog-sidebar{position:static;grid-row:1;padding-top:0}.blog-sidebar .blog-toc-card{display:none}.blog-toc-mobile{display:block;border:1px solid #e0edf7;border-radius:12px;padding:16px;margin:18px 0;background:#fff}.blog-sidebar .blog-side-card:not(.blog-toc-card){display:none}.blog-featured{aspect-ratio:1.8/1}.blog-breadcrumb{padding-top:18px}}
@media(max-width:600px){.blog-shell{width:calc(100% - 38px)}.blog-title{font-size:2.25rem}.blog-intro{font-size:1rem}.blog-prose{font-size:15px}.blog-prose h2{margin-top:30px}.blog-flow{gap:6px}.blog-flow span{flex-basis:26%;font-size:12px}.blog-flow b{display:none}.blog-final-cta{padding:24px 18px}}

/* Article heading sizes (phones keep the site-wide mobile sizes). */
@media (min-width: 768px) {
  main.blog-article-page h1 { font-size: 40px !important; }
  main.blog-article-page h2 { font-size: 36px !important; }
}

/* Space between the article (both columns) and the footer. */
main.blog-article-page .blog-shell { padding-bottom: 72px; }
@media (max-width: 767px) {
  main.blog-article-page .blog-shell { padding-bottom: 48px; }
}