/* The People & Communities resource page uses the same photo-led editorial
   rhythm as its neighboring articles, without hiding the image on phones. */
.editorial-reader.web-edition #article-content > .chapter-resource-hero.has-people-resource-photo{
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:0;
  align-items:stretch;
  padding:0;
  background:linear-gradient(125deg,#273653,#504675 58%,#804667);
}
.editorial-reader.web-edition .has-people-resource-photo .chapter-resource-hero-copy{
  align-self:center;
  padding:clamp(34px,5vw,74px);
}
.editorial-reader.web-edition .people-resource-photo{
  display:flex;
  flex-direction:column;
  align-self:stretch;
  min-width:0;
  min-height:370px;
  margin:0;
  overflow:hidden;
  background:#293550;
}
.editorial-reader.web-edition .people-resource-photo img{
  display:block;
  width:100%;
  height:0;
  min-height:300px;
  flex:1;
  object-fit:cover;
  object-position:center;
}
.editorial-reader.web-edition .people-resource-photo figcaption{
  padding:15px 19px;
  border-top:4px solid #d783a8;
  background:#293550;
  color:#fff7ef;
  font-size:12px;
  line-height:1.55;
}
.people-heading-credit{display:block;margin-top:6px;font-size:10px;line-height:1.55}
.people-heading-credit a{color:#fff7ef!important;text-decoration:underline;text-underline-offset:3px}

/* Concept diagrams are reading aids, following the table of contents. */
.editorial-reader.web-edition #article-content .people-topic-guide{
  margin:24px 0 34px;
  border-radius:20px 0 20px 0;
  overflow:hidden;
}
.editorial-reader.web-edition #article-content .people-topic-guide .topic-hero-visual{
  min-height:0;
  padding:23px clamp(21px,2.8vw,34px);
  border-left:5px solid var(--page-accent,#775574);
  gap:10px;
}
.editorial-reader.web-edition #article-content .people-topic-guide .topic-visual-diagram{
  min-height:105px;
}
@media(max-width:850px){
  .editorial-reader.web-edition #article-content > .chapter-resource-hero.has-people-resource-photo{grid-template-columns:1fr}
  .editorial-reader.web-edition .people-resource-photo{min-height:0}
  .editorial-reader.web-edition .people-resource-photo img{height:280px;min-height:0;flex:none}
}
@media(max-width:620px){
  .editorial-reader.web-edition #article-content > .chapter-resource-hero.has-people-resource-photo{padding:0}
  .editorial-reader.web-edition .has-people-resource-photo .chapter-resource-hero-copy{padding:31px 23px 36px}
  .editorial-reader.web-edition .people-resource-photo img{height:220px}
  .editorial-reader.web-edition #article-content .people-topic-guide{margin:20px 0 28px}
}