/* Article page: "In this article" sidebar + content column */
html body .post-wrap.post-wide{max-width:none!important;width:100%!important;padding-left:clamp(16px,2.2vw,40px)!important;padding-right:clamp(16px,2.2vw,40px)!important;box-sizing:border-box}
#post-article{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:clamp(24px,3vw,48px);align-items:start}
#post-article .post-toc[hidden]{display:none}
#post-article:has(.post-toc[hidden]){display:block}
#post-article:has(.post-toc[hidden]) .post-main{max-width:none}
.post-toc{position:sticky;top:calc(var(--hdr,80px) + 24px);max-height:calc(100vh - var(--hdr,80px) - 48px);overflow:auto}
.post-toc-title{margin:0 0 14px;font-size:20px;font-weight:600;color:#0f1c3f}
.post-toc ul{list-style:none;margin:0;padding:0;border-left:2px solid #dbe5fb}
.post-toc li{margin:0}
.post-toc a{display:block;padding:9px 12px 9px 16px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;line-height:1.4;color:#4a5b80;text-decoration:none;transition:color .15s,border-color .15s,background .15s}
.post-toc a:hover{color:#0f1c3f;background:rgba(47,107,255,.06)}
.post-toc a.on{color:#1b63d8;font-weight:600;border-left-color:#1b63d8}
#post-article .post-cover{aspect-ratio:auto;height:auto;max-height:520px;object-fit:cover;border-radius:4px;display:block;width:100%;margin-bottom:clamp(24px,3vw,36px)}
#post-body h2{scroll-margin-top:calc(var(--hdr,80px) + 24px)}
@media (max-width:960px){
  #post-article{display:block}
  .post-toc{position:static;max-height:none;margin:0 0 28px;padding:16px 18px;background:#fff;border:1px solid #dbe5fb;border-radius:8px}
  .post-toc-title{font-size:17px;margin-bottom:8px}
}

/* Blog pages only: plain, flat, centered header (no diagonal shapes or curved edge) */
html body main:has(#post-article) .mshero,html body main:has(#blog-list) .mshero{background:#1b63d8!important;background-image:none!important;border:0!important;text-align:center}
html body main:has(#post-article) .mshero:before,html body main:has(#post-article) .mshero:after,
html body main:has(#blog-list) .mshero:before,html body main:has(#blog-list) .mshero:after{display:none!important;content:none!important}
html body main:has(#post-article) .mshero>svg,html body main:has(#blog-list) .mshero>svg,
html body main:has(#post-article) .mshero .ph-art,html body main:has(#blog-list) .mshero .ph-art{display:none!important}
html body main:has(#post-article) .mshero .container,html body main:has(#blog-list) .mshero .container{display:flex;flex-direction:column;align-items:center;text-align:center}
html body main:has(#post-article) .mshero h1,html body main:has(#blog-list) .mshero h1{max-width:min(1100px,100%)!important;margin-left:auto!important;margin-right:auto!important}
html body main:has(#blog-list) .mshero p{margin-left:auto!important;margin-right:auto!important}
html body main:has(#post-article) .mshero .section-tag,html body main:has(#blog-list) .mshero .section-tag{justify-content:center}
html body main:has(#post-article) .mshero .section-tag:before,html body main:has(#blog-list) .mshero .section-tag:before{display:none!important}
html body main:has(#post-article) .mshero .bpost-meta{justify-content:center}
html body main:has(#blog-list) .mshero .careers-hero-actions{justify-content:center}

/* blog cards: no outline / top line */
html body .bpost{border:0!important;border-top:0!important}

/* article figures with captions, bold lead-ins and "key takeaway" boxes */
#post-body .post-fig figcaption{margin-top:10px;font-size:13.5px;line-height:1.5;color:#6b7aa0;text-align:center}
#post-body strong{font-weight:700}
#post-body .post-callout{margin:1.6em 0;padding:18px 22px;border-left:4px solid #2f6bff;border-radius:0 12px 12px 0;background:#eef3ff;color:#1c2b52;line-height:1.7}
html body #post-body .post-callout,html body #post-body .post-callout strong{color:#1c2b52!important}