/* ==========================================================================
   Vistara articles: one reading experience across Insights, Executive
   Perspectives, Commentary and the SteerCo perspective.
   Cosmetic only. Loaded after each page's own styles.
   ========================================================================== */
body.vx-article{
  --vx-navy:#0B1929;--vx-navy2:#102237;--vx-deep:#07111D;--vx-gold:#C4963A;--vx-gold2:#D7AE58;--vx-gold3:#8F6424;
  --vx-cream:#F7F4EC;--vx-ink:#172536;--vx-ink2:#3C4E62;--vx-line:#E4DCCB;
  --vx-serif:"Newsreader",Georgia,serif;--vx-sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  background:#fff!important;color:var(--vx-ink)!important;font-family:var(--vx-sans)!important;
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* ---------- Reading progress ---------- */
.vx-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:60;background:linear-gradient(90deg,#8F6424,#D7AE58);transform:scaleX(0);transform-origin:0 50%;pointer-events:none}

/* ---------- Hero: one dark editorial opener for every article ---------- */
body.vx-article .hero{background:radial-gradient(circle at 86% 12%,rgba(215,174,88,.16),transparent 38%),linear-gradient(135deg,#091727,#132C44 80%)!important;
  color:#F7F4EC!important;padding:clamp(64px,8vw,112px) 0 clamp(56px,7vw,96px)!important;border-bottom:1px solid rgba(215,174,88,.35)!important;position:relative;overflow:hidden;margin:0!important;text-align:left!important}
body.vx-article .hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,rgba(215,174,88,0),#D7AE58 30%,rgba(215,174,88,0));opacity:.8}
body.vx-article .hero .wrap,body.vx-article .hero .hero-inner{max-width:1040px!important;margin:0 auto!important;padding:0 28px!important}
body.vx-article .hero .brand-kicker{display:none!important}
body.vx-article .hero .eyebrow,body.vx-article .hero .eyebrow *{font-family:var(--vx-sans)!important;color:var(--vx-gold2)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.18em!important;text-transform:uppercase!important;background:none!important}
body.vx-article .hero .eyebrow{display:flex!important;align-items:center;gap:12px;margin:0 0 22px!important;padding:0!important;border:0!important}
body.vx-article .hero .eyebrow:before{content:"";width:28px;height:1px;background:var(--vx-gold2);flex:0 0 auto}
body.vx-article .hero .eyebrow-divider{width:18px!important;height:1px!important;background:rgba(215,174,88,.55)!important;display:inline-block}
body.vx-article .hero h1{font-family:var(--vx-serif)!important;font-weight:300!important;color:#F7F4EC!important;font-size:clamp(40px,4.8vw,66px)!important;line-height:1.06!important;letter-spacing:-.02em!important;margin:0 0 24px!important;max-width:940px}
body.vx-article .hero p,body.vx-article .hero .standfirst,body.vx-article .hero .lede,body.vx-article .hero .subtitle{font-family:var(--vx-sans)!important;color:#C9D1DB!important;font-size:clamp(17px,1.5vw,20px)!important;line-height:1.6!important;font-style:normal!important;max-width:760px;margin:0!important;border:0!important;padding:0!important}
body.vx-article .hero .meta{margin-top:22px!important;color:#AEB9C6!important;font-size:12px!important;letter-spacing:.12em!important;text-transform:uppercase}
body.vx-article .hero .method{margin-top:26px!important;color:var(--vx-gold2)!important;font-family:var(--vx-sans)!important;font-size:12px!important;font-weight:700!important;letter-spacing:.2em!important;text-transform:uppercase}

/* ---------- Reading column ---------- */
body.vx-article .article,body.vx-article main>.section>.wrap,body.vx-article .article .wrap,body.vx-article .article-wrap,body.vx-article .close-inner{max-width:780px!important;margin-left:auto!important;margin-right:auto!important}
body.vx-article .article,body.vx-article .article-wrap{padding:clamp(48px,6vw,80px) 28px!important}
body.vx-article main>.section{padding:clamp(48px,6vw,80px) 0!important;background:#fff!important;border:0!important}
body.vx-article main>.section.alt{background:var(--vx-cream)!important}
body.vx-article main>.section>.wrap{padding:0 28px!important;max-width:1040px!important}
body.vx-article p,body.vx-article li,body.vx-article .body p,body.vx-article .article p,body.vx-article .detail,body.vx-article .lc-question{font-family:var(--vx-sans)!important;color:var(--vx-ink2)!important;font-size:17px!important;line-height:1.75!important}
body.vx-article .article p.lead,body.vx-article main .lead{font-family:var(--vx-serif)!important;font-weight:300!important;color:var(--vx-ink)!important;font-size:clamp(22px,2.1vw,27px)!important;line-height:1.45!important;margin-bottom:28px!important}
body.vx-article strong,body.vx-article b{color:var(--vx-ink)!important;font-weight:700}
body.vx-article main h2,body.vx-article .article h2,body.vx-article .article-wrap h2,body.vx-article .close h2,body.vx-article .related h2,body.vx-article .cta h2{font-family:var(--vx-serif)!important;font-weight:400!important;color:var(--vx-navy)!important;font-size:clamp(28px,2.8vw,38px)!important;line-height:1.15!important;letter-spacing:-.015em!important;margin:56px 0 18px!important}
body.vx-article .article h2:first-child,body.vx-article main .section h2:first-of-type{margin-top:0!important}
body.vx-article main h3,body.vx-article .article h3,body.vx-article .article-wrap h3,body.vx-article h4{font-family:var(--vx-serif)!important;font-weight:400!important;color:var(--vx-navy)!important;font-size:clamp(20px,1.8vw,24px)!important;line-height:1.25!important;letter-spacing:-.01em!important}
body.vx-article main .eyebrow,body.vx-article .article .eyebrow,body.vx-article .num,body.vx-article .label,body.vx-article .lens-label,body.vx-article .contrast-label,body.vx-article .lc-stage-label{font-family:var(--vx-sans)!important;color:var(--vx-gold3)!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important}
body.vx-article a{color:var(--vx-gold3)}
body.vx-article .article a,body.vx-article .body a,body.vx-article main a:not(.btn):not(.continuity-cta){text-decoration-color:rgba(196,150,58,.5);text-underline-offset:4px}

/* ---------- Pull statements, callouts and notes ---------- */
body.vx-article .pull,body.vx-article .takeaway,body.vx-article .callout,body.vx-article .lens,body.vx-article .question,body.vx-article .boundary{background:var(--vx-cream)!important;border:0!important;border-left:3px solid var(--vx-gold)!important;border-radius:0!important;padding:26px 30px!important;margin:36px 0!important;box-shadow:none!important}
body.vx-article .pull,body.vx-article .pull p,body.vx-article .takeaway,body.vx-article .takeaway p,body.vx-article .callout p{font-family:var(--vx-serif)!important;font-style:italic!important;font-weight:300!important;color:var(--vx-navy)!important;font-size:clamp(20px,1.9vw,24px)!important;line-height:1.5!important}
body.vx-article .pull strong,body.vx-article .callout strong{font-weight:400!important}
body.vx-article .warning{background:#FBF3EE!important;border:0!important;border-left:3px solid #C8744F!important;border-radius:0!important;padding:22px 26px!important}
body.vx-article .warning p{color:#6B3A26!important}

/* ---------- Cards, tables, lists ---------- */
body.vx-article .card,body.vx-article .compare-col,body.vx-article .contrast-col,body.vx-article .related-card,body.vx-article .stage-table,body.vx-article .layer,body.vx-article .func,body.vx-article .comparison,body.vx-article .qa-block,body.vx-article .status>div{background:#fff!important;border:1px solid var(--vx-line)!important;border-top:2px solid var(--vx-gold)!important;border-radius:0!important;box-shadow:none!important;transition:transform .35s ease,box-shadow .35s ease}
body.vx-article .card:hover,body.vx-article .related-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,25,41,.10)!important}
body.vx-article .alt .card{background:#fff!important}
body.vx-article .stage-row,body.vx-article .layer-row,body.vx-article .func-row,body.vx-article .row{border-color:var(--vx-line)!important}
body.vx-article ul.signals li:before,body.vx-article .simple-list li:before{background-color:var(--vx-gold)!important}
body.vx-article .compare-col li:before,body.vx-article .contrast-col ul li::before{color:var(--vx-gold)!important}
body.vx-article .lifecycle{border:1px solid var(--vx-line)!important;border-radius:0!important}
body.vx-article .lc-stage{background:var(--vx-cream)!important}
body.vx-article .lc-stage.post{background:var(--vx-navy)!important}
body.vx-article .lc-stage-name{font-family:var(--vx-serif)!important;font-weight:400!important;color:var(--vx-navy)!important;font-size:17px!important}
body.vx-article .lc-stage.post .lc-stage-name{color:#F7F4EC!important}
body.vx-article .path .step:before{background:var(--vx-gold)!important}

/* ---------- Closing call to action ---------- */
body.vx-article .close,body.vx-article .cta,body.vx-article .cta-block{background:radial-gradient(circle at 88% 0%,rgba(215,174,88,.16),transparent 40%),var(--vx-navy)!important;color:#F7F4EC!important;border:0!important;border-radius:0!important}
body.vx-article .close h2,body.vx-article .cta h2{color:#F7F4EC!important;margin-top:0!important}
body.vx-article .close p,body.vx-article .cta p,body.vx-article .cta-block p{color:#C9D1DB!important}
body.vx-article .cta-block{padding:40px!important;margin:48px 0!important}
body.vx-article .btn,body.vx-article .cta a,body.vx-article .cta-btn{display:inline-flex!important;align-items:center;min-height:52px;padding:0 24px!important;background:var(--vx-gold)!important;color:var(--vx-navy)!important;border:1px solid var(--vx-gold)!important;border-radius:0!important;font-family:var(--vx-sans)!important;font-size:14px!important;font-weight:700!important;letter-spacing:.02em!important;text-transform:none!important;text-decoration:none!important;transition:background .25s ease}
body.vx-article .btn:hover,body.vx-article .cta a:hover,body.vx-article .cta-btn:hover{background:var(--vx-gold2)!important}
body.vx-article .signature,body.vx-article .cta-note{color:#AEB9C6!important;font-size:13px!important}
body.vx-article .backlink,body.vx-article .back{font-family:var(--vx-sans)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.04em}
body.vx-article .divider{background:var(--vx-line)!important}
body.vx-article .no-download{color:#8C9AAB!important;font-size:12px!important}

@media (max-width:700px){
  body.vx-article p,body.vx-article li{font-size:16.5px!important}
  body.vx-article .pull,body.vx-article .takeaway,body.vx-article .callout,body.vx-article .lens{padding:20px 22px!important}
}
@media print{.vx-progress{display:none}body.vx-article .hero{background:#fff!important;color:#000!important}body.vx-article .hero h1{color:#000!important}}

/* ---------- Keep header and footer colors intact ---------- */
body.vx-article .continuity-header strong,body.vx-article .continuity-brand strong{color:#F7F4EC!important}
body.vx-article .continuity-footer strong{color:#F7F4EC!important}
body.vx-article .continuity-footer p,body.vx-article .continuity-footer li,body.vx-article .continuity-legal,body.vx-article .continuity-legal span{color:#C9D1DB!important;font-size:14px!important;line-height:1.6!important}
body.vx-article .continuity-footer .footer-subnav span{color:#AEB9C6!important}
/* Emphasis on dark bands stays light gold */
body.vx-article .hero strong,body.vx-article .hero b,body.vx-article .close strong,body.vx-article .close b,body.vx-article .cta strong,body.vx-article .cta b,body.vx-article .cta-block strong,body.vx-article .cta-block b,body.vx-article .lc-stage.post strong{color:#E2C27A!important}
/* Boundary note inside a dark closing band */
body.vx-article .close .boundary,body.vx-article .cta .boundary{background:rgba(255,255,255,.04)!important;border-left:2px solid rgba(215,174,88,.6)!important;color:#AEB9C6!important;font-size:14px!important;line-height:1.65!important;padding:20px 24px!important}
body.vx-article .continuity-footer .footer-subnav span{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;font-family:var(--vx-sans)!important}
body.vx-article .related-card span{display:block;color:var(--vx-gold3)!important;font-size:11.5px!important;font-weight:700!important;letter-spacing:.16em!important;text-transform:uppercase!important;margin-bottom:10px}
body.vx-article .related-card strong{font-family:var(--vx-serif)!important;font-weight:400!important;font-size:21px!important;line-height:1.3!important;color:var(--vx-navy)!important}
/* back link: sit as a quiet band between CTA and footer instead of a white strip */
.backlink{max-width:none!important;background:#0B1929!important;margin:0!important;padding:20px max(24px,calc((100% - 1180px)/2))!important;border-top:1px solid rgba(215,174,88,.18);text-align:left}
.backlink a{color:#D7AE58!important;font:700 11px/1.2 "Hanken Grotesk",Arial,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;text-decoration:none!important;transition:color .25s,letter-spacing .25s}
.backlink a:hover{color:#F3DC9C!important;letter-spacing:.2em}