/* Shared editorial geometry for News and Research articles and listings.
   Load after news.css / research.css. Keep page branding and artwork unchanged. */
.studio:is(.news-page,.research-page){
 --article-wide:72rem;
 --article-reading:50rem;
 --article-space:clamp(2rem,4vw,3.25rem);
}
.studio :is(.news-article,.research-article){padding-top:clamp(2.5rem,5vw,4rem)}
.studio :is(.news-article-head,.research-head){
 width:100%;max-width:var(--article-wide);margin-inline:auto;text-align:center;
}
.studio :is(.news-article,.research-article) h1{
 width:100%;max-width:none;margin:0;
 font-size:clamp(2.2rem,4.2vw,3.75rem);line-height:1.08;letter-spacing:-.045em;
 text-wrap:balance;overflow-wrap:break-word;
}
.studio :is(.news-kicker,.research-kicker){margin:0 0 1.25rem}
.studio .research-resources{justify-content:center}
.studio :is(.news-hero,.research-hero){
 width:100%;max-width:var(--article-wide);margin:var(--article-space) auto;
}
.studio :is(.news-hero,.research-hero) img{display:block;width:100%;height:auto;aspect-ratio:auto 3/1}
.studio :is(.news-prose,.research-prose){
 max-width:var(--article-reading);margin-inline:auto;
 font-size:1.1875rem;line-height:1.75;
 padding-bottom:clamp(3rem,6vw,5rem);
}
.studio :is(.news-index-head,.research-index-head){
 padding:clamp(2.5rem,5vw,4rem) 0 clamp(1.5rem,3vw,2.25rem);
}
.studio :is(.news-index-head,.research-index-head) h1{margin:0}
/* Both listings begin directly with the first story; separators divide stories. */
.research-page .research-list>li:first-child{border-top:0}
.research-page .research-list>li:first-child .research-card{padding-top:0}
.studio :is(.research-card-title,.news-card-title){text-wrap:wrap}
@media(max-width:760px){
 .studio :is(.news-prose,.research-prose){font-size:1.125rem}
}