/* Editorial articles extend the existing Newsreader and Instrument Sans system. */
.insights-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:600;color:#3b5a48;margin:0 0 20px}
.insights-mast{padding:clamp(44px,7vw,90px) 0 38px;background:#f0f1ec;border-bottom:1px solid #dedfd8}
.insights-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:70px}
.insights-intro h1{font-size:clamp(44px,5.7vw,76px);line-height:1.07;letter-spacing:-.04em;font-weight:500;margin:0}
.insights-intro h1 em{color:#4e6654;font-weight:400}
.insights-intro>p{color:#555d55;font-size:18px;line-height:1.7;max-width:390px;margin:0 0 4px}
.insights-topics{margin:38px 0 0;font-size:12px;color:#656c62;display:flex;flex-wrap:wrap;gap:14px}
.insights-topics span{color:#a3aa9e}
.insights-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 38px}
.insight-card{min-width:0}
.insight-card-link{display:block;color:inherit;text-decoration:none;height:100%}
.insight-card-image,.article-photo{position:relative;overflow:hidden;background:#e4e7df;border-radius:5px}
.insight-card-image{aspect-ratio:3/2}
.insight-card-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.insight-card-link:hover .insight-card-image>img{transform:scale(1.025)}
.insight-image-brand{position:absolute;bottom:16px;left:18px;border-radius:3px;padding:7px 11px;background:rgba(17,32,24,.88);color:#fff;font:500 10px/1.2 'Instrument Sans',sans-serif;letter-spacing:.025em;pointer-events:none}
.insight-card-meta{display:flex;justify-content:space-between;gap:12px;color:#636b62;font-size:11px;letter-spacing:.025em;margin:20px 0 12px}
.insight-card-meta>span:first-child{color:#38533f;font-weight:600}
.typography-editorial .insight-card :is(h2,h3){font-family:'Newsreader',Georgia,serif;font-weight:500;letter-spacing:-.025em;font-size:clamp(27px,2.6vw,36px);line-height:1.16;margin:0 0 13px}
.insight-card p{font-size:15px;color:#60655e;line-height:1.75;margin:0 0 18px;max-width:52ch}
.insight-read{font-size:13px;font-weight:600;display:inline-flex;gap:10px;align-items:center;border-bottom:1px solid #b7c1b4;padding-bottom:5px}
.insight-read .icon{width:15px;height:15px}
.insights-bottom{display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding-top:38px;margin-top:60px}
.insights-bottom p{font-size:18px;max-width:35ch}
.article-header{padding-top:30px;padding-bottom:48px;max-width:1120px}
.article-header-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:48px;align-items:center}
.article-header-copy{min-width:0}
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#5b6159;margin-bottom:28px}
.article-breadcrumb a:hover{text-decoration:underline}
.article-header .insights-kicker{margin-bottom:16px}
.article-header h1{font-size:clamp(38px,4.05vw,54px);line-height:1.08;letter-spacing:-.03em;max-width:none;font-weight:500;margin:0 0 20px;text-wrap:balance}
.article-deck{font-size:17px;line-height:1.7;max-width:67ch;color:#5b625b;margin:0 0 24px}
.article-byline{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:#5b6159}
.article-byline a{color:#2d4635;font-weight:600}
.article-hero{margin:0;min-width:0}
.article-photo{aspect-ratio:6/5;max-height:500px}
.article-photo picture{display:block;width:100%;height:100%}
.article-photo img{display:block;width:100%;height:100%;object-fit:cover}
.article-hero figcaption,.article-diagram figcaption{font-size:11px;color:#72786f;margin-top:10px;line-height:1.65}
.article-layout{max-width:1120px;display:grid;grid-template-columns:220px minmax(0,710px);gap:70px;justify-content:space-between;align-items:start}
.article-contents{position:sticky;top:110px;border-top:1px solid #cdd5c8;padding-top:16px;font-size:12px;color:#63705f}
.article-contents>p{font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:#344b38;margin:0 0 18px}
.article-contents ol{padding-left:16px;margin:0;display:grid;gap:13px}
.article-contents li{padding-left:5px;line-height:1.65}
.article-contents a:hover,.article-contents a:focus-visible{text-decoration:underline;color:#152f1d}
.article-contents-back{display:inline-flex;align-items:center;gap:8px;margin-top:26px}
.article-copy{min-width:0;font-size:17px;line-height:1.85;color:#383f38}
.article-copy p{margin:0 0 20px}
.article-copy a:not(.btn){text-decoration:underline;text-decoration-color:#a0b098;text-underline-offset:4px}
.article-copy a:not(.btn):hover,.article-copy a:not(.btn):focus-visible{color:#173d25}
.article-opening{font-size:18px;color:#2e3d30}
.article-copy section{scroll-margin-top:110px}
.typography-editorial .article-copy h2{font-family:'Newsreader',Georgia,serif;font-size:clamp(28px,3vw,37px);line-height:1.18;font-weight:500;letter-spacing:-.02em;margin:44px 0 20px;color:#182a1c;text-wrap:balance}
.article-copy ul{padding-left:22px;margin:18px 0 24px}
.article-copy li{padding-left:5px;margin:9px 0}
.article-diagram{margin:38px 0}
.article-diagram img{display:block;width:100%;height:auto;border-radius:8px}
.article-cta{padding:30px;margin:45px 0 35px;border-left:3px solid #5c765a;background:#eef2e9;border-radius:0 5px 5px 0}
.article-cta .insights-kicker{margin:0;font-size:10px}
.typography-editorial .article-cta h2{margin-top:14px;font-size:31px}
.article-cta p{font-size:15px;line-height:1.75}
.article-cta .btn{font-size:13px;white-space:normal;line-height:1.5;text-decoration:none}
.article-review-link{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:18px}
.article-review-link .icon{width:15px;height:15px}
.article-sources{border-top:1px solid #dce0d7;padding-top:24px;font-size:13px;color:#656d62}
.typography-editorial .article-sources h2{font-size:25px;margin-top:0}
.article-sources ul{padding-left:18px}
.article-author{display:flex;align-items:flex-start;gap:15px;border-top:1px solid #dce0d7;padding:27px 0 40px;font-size:13px;margin-top:30px}
.article-author img{flex:none;width:44px;height:44px}
.article-author b{color:#233d29}
.article-author p{margin:4px 0 0;line-height:1.7;color:#687063}
.article-related{background:#f0f1ec;margin-top:40px}
.article-related .section-head{align-items:end}
.article-related .section-head>a{display:inline-flex;gap:8px;align-items:center;font-size:13px}
.article-related .insight-card-image{aspect-ratio:16/9}
@media(max-width:1000px){.article-layout{grid-template-columns:180px minmax(0,1fr);gap:38px}.insights-intro{gap:30px}.article-header-grid{gap:30px}.article-header h1{font-size:clamp(36px,4.3vw,46px)}}
@media(max-width:760px){.insights-intro{grid-template-columns:1fr;gap:22px}.insights-intro>p{max-width:48ch;font-size:16px}.insights-topics{gap:9px;font-size:10px}.insights-grid{gap:36px 24px}.article-layout{display:block}.article-contents{position:static;margin-bottom:34px;padding:19px 20px;background:#f1f3ed;border-radius:5px}.article-contents ol{columns:2;display:block;column-gap:26px}.article-contents li{margin:0 0 10px;break-inside:avoid}.article-contents-back{margin-top:14px}.article-deck{font-size:16px}.article-header{padding-bottom:28px}.article-hero{margin-bottom:28px}.article-header h1{max-width:25ch}.article-breadcrumb{margin-bottom:28px}.article-copy{font-size:16px}.article-opening{font-size:17px}.insights-bottom{align-items:flex-start;flex-direction:column;gap:12px}.article-related .section-head{align-items:flex-start}}
@media(max-width:560px){.insights-grid{grid-template-columns:1fr;gap:42px}.insights-mast{padding-top:40px}.insights-intro h1{font-size:43px}.insights-topics{line-height:1.8;gap:5px 10px}.insight-card-meta{margin-top:16px}.article-header h1{font-size:39px}.article-byline{font-size:12px;gap:7px}.article-contents ol{columns:1}.article-photo{aspect-ratio:3/2}.article-cta{padding:23px 20px}.article-cta .btn{width:100%;justify-content:center}.article-related .section-head{gap:18px}.insight-image-brand{font-size:9px;padding:6px 9px;bottom:12px;left:12px}}
@media(prefers-reduced-motion:reduce){.insight-card-image>img{transition:none}.insight-card-link:hover .insight-card-image>img{transform:none}}

@media(max-width:900px){.article-header-grid{grid-template-columns:1fr;gap:28px}.article-header-copy{max-width:100%}.article-header h1{font-size:clamp(38px,5.6vw,54px);max-width:none}.article-photo{aspect-ratio:3/2;max-height:none}.article-header .article-hero{margin:0}.article-header{padding-bottom:34px}}

/* Authored diagrams stay complete at every card and hero crop. */
.insight-card-image>img[src*=".svg"],.article-photo img[src*=".svg"]{object-fit:contain;background:#edf1e8}

/* Native text keeps the authored workflow readable on narrow screens. */
.article-diagram-mobile{display:none}
@media(max-width:900px){.article-photo--diagram{aspect-ratio:auto}.article-photo--diagram picture,.article-photo--diagram img{height:auto}}
@media(max-width:760px){
 .article-diagram>img{display:none}
 .article-diagram-mobile{display:block;padding:22px;background:#edf1e8;border-radius:8px;color:#183a2c}
 .article-diagram-mobile .diagram-title{font:500 26px/1.2 'Newsreader',Georgia,serif;margin:0 0 20px}
 .article-diagram-mobile ol{display:grid;gap:12px;list-style:none;counter-reset:step;padding:0;margin:0}
 .article-diagram-mobile li{counter-increment:step;background:#fff;border-radius:7px;padding:16px;margin:0}
 .article-diagram-mobile li:before{content:counter(step,decimal-leading-zero);display:block;font-size:12px;color:#4b6654;margin-bottom:6px}
 .article-diagram-mobile b{font-size:18px;line-height:1.4}
 .article-diagram-mobile li p{font-size:16px;line-height:1.6;margin:5px 0 0}
 .diagram-brand{display:block;font-size:12px;line-height:1.5;margin-top:20px}
}
