/* Editorial article system — contextual visuals, readable hierarchy and persistent sharing. */
.article-refreshed{--article-sticky-top:0px;--article-share-height:70px}
.article-refreshed main .insight-share-bar{position:sticky;top:var(--article-sticky-top);z-index:40;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:10px max(20px,calc((100% - 1040px)/2));background:#eee9e3;border-block:1px solid #b8a59b;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;color:#20201e;box-shadow:0 3px 10px #0000000a}
.article-refreshed .insight-share-bar .insight-share-actions{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.article-refreshed .insight-share-bar :is(a,button){display:inline-flex;gap:7px;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border-radius:30px;color:#20201e;background:transparent;border:1px solid transparent;font:600 13px/1.3 'DM Sans',Arial,sans-serif;text-decoration:none;cursor:pointer}
.article-refreshed .insight-share-bar :is(a,button):hover{background:#fff;border-color:#b8a59b}
.article-refreshed .insight-share-bar svg{width:18px;height:18px;flex:none}
.article-refreshed .copy-status:empty{display:none}
.article-refreshed main .case-body>.wrap{width:min(calc(100% - 48px),74ch);max-width:none;margin-inline:auto}
.article-refreshed main .case-detail{display:block;padding:36px 0;border-top:1px solid #d7d0ca}
.article-refreshed main .case-detail:first-child{border-top:0;padding-top:0}
.article-refreshed main .case-detail h2{font:500 clamp(28px,3vw,39px)/1.18 'Playfair Display',Georgia,serif;letter-spacing:-.025em;max-width:30ch;margin:0 0 22px;text-wrap:balance}
.article-refreshed main .case-detail p{font:400 18px/1.8 'DM Sans',Arial,sans-serif;margin:0 0 22px;color:#292827}
.article-refreshed main .case-detail strong{font-weight:700;color:#20201e}
.article-refreshed main .case-detail a{color:#75213b;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.article-refreshed :is([id^='source-note-'],[id^='source-ref-'],.case-detail h2){scroll-margin-top:calc(var(--article-sticky-top) + var(--article-share-height) + 24px)}
.article-refreshed .article-metrics{width:min(calc(100% - 48px),1040px);margin:40px auto 0;box-sizing:border-box;padding:28px;background:#20201e;color:#fff}
.article-refreshed .article-metrics .eyebrow{color:#efc3b1;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}
.article-refreshed .article-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.article-refreshed .article-metric{min-width:0;border-left:1px solid #807b76;padding-left:18px}
.article-refreshed .article-metric strong{display:block;font:500 clamp(27px,3.2vw,43px)/1.1 'DM Sans',Arial,sans-serif;overflow-wrap:anywhere;margin-bottom:12px}
.article-refreshed .article-metric span{font-size:15px;line-height:1.5;display:block;color:#f3eeea}
.article-refreshed .article-metrics>p:last-child{font-size:13px;line-height:1.6;margin:22px 0 0;color:#e3d8d0}
.article-refreshed .article-metrics a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.article-refreshed .article-application{margin:36px 0;padding:28px;background:#eedbd0;color:#282020;border-left:0;border-radius:6px;}
.article-refreshed main .article-application h2{font-size:30px;max-width:28ch}
.article-refreshed main .article-application p{font-size:17px}
.article-refreshed .article-wheel{list-style:none;display:grid;gap:0;padding:0;margin:24px 0}
.article-refreshed .article-wheel li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid #d7d0ca;font-size:16px;line-height:1.6}
.article-refreshed .article-wheel svg{width:24px;height:24px;stroke:#8b2f46;margin-top:3px}
.article-refreshed .article-wheel strong{display:block}
.article-refreshed .article-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;padding:0;list-style:none}
.article-refreshed .article-process li{padding:20px;background:#f6eeeb;min-width:0;font-size:16px;line-height:1.6}
.article-refreshed .article-process strong{display:block;margin-bottom:8px;color:#75213b}
.article-refreshed .insight-footnotes p{font-size:15px!important;line-height:1.7!important;overflow-wrap:anywhere}
.article-refreshed .article-image-caption{font-size:12px;line-height:1.5;color:#56524e;width:min(calc(100% - 48px),74ch);margin:14px auto}
.article-refreshed .article-proof{width:100%;height:auto;display:block;border:1px solid #d7d0ca}
.article-refreshed :is(a,button):focus-visible{outline:3px solid #8b2f46;outline-offset:4px}
@media(min-width:901px){body.article-refreshed .cx-template-hero .cx-template-panel h1{font-size:clamp(38px,3.6vw,62px)!important;line-height:1.08!important;letter-spacing:-.035em!important}}
@media(max-width:700px){.article-refreshed main .insight-share-bar{padding:6px 16px;gap:2px 8px}.article-refreshed .insight-share-bar .article-utility-title{display:none}.article-refreshed .insight-share-bar .article-utility-context{flex:0 0 auto}.article-refreshed .insight-share-bar .article-utility-label{font-size:12px}.article-refreshed .insight-share-bar .article-utility-label:before{content:'Share '}.article-refreshed .insight-share-bar :is(a,button){padding:8px;font-size:12px;gap:4px}.article-refreshed main .case-body>.wrap{width:calc(100% - 40px)}.article-refreshed main .case-detail p{font-size:17px;line-height:1.75}.article-refreshed .article-metrics{width:calc(100% - 40px);padding:24px}.article-refreshed .article-metrics-grid,.article-refreshed .article-process{grid-template-columns:1fr}.article-refreshed .article-metric{padding-block:7px}.article-refreshed .article-application{padding:24px;background:#eedbd0;color:#282020;border-left:0;border-radius:6px;}.article-refreshed .article-utility-context{min-width:0}}
@media(max-width:370px){.article-refreshed .insight-share-bar .article-utility-context{flex-basis:100%}.article-refreshed .insight-share-bar .insight-share-actions{width:100%;justify-content:space-between}}

.article-refreshed #article-body{scroll-margin-top:calc(var(--article-sticky-top) + var(--article-share-height) + 20px)}
.article-refreshed #share-article{scroll-margin-top:var(--article-sticky-top)}

body.article-refreshed main #share-article{position:sticky!important;top:var(--article-sticky-top)!important;z-index:40}