/* Shared article media rules. A lead photograph must fit within one viewport. */
html,body{max-width:100%;overflow-x:clip}
main,main *{box-sizing:border-box}
main .reading,main .editorial-page,main .new-material{width:100%!important;max-width:900px!important}
main .reading h1,main .reading .lead,main .editorial-page h1,main .editorial-page .lead{max-width:100%!important;overflow-wrap:anywhere}

/* Article photographs only; thumbnails, logos, avatars and cards keep their own crop. */
main article.reading > img,
main article.reading > figure img,
main article.reading .prose > img,
main article.reading .prose > figure img,
main.editorial-page article > figure img,
main.editorial-page article > section > figure img,
main.editorial-page article .article-body > img,
main.editorial-page article .article-body > figure img,
main.editorial-page article .reading > img,
main.editorial-page article .reading > figure img,
main [data-wmm-article] > img.article-image,
main [data-wmm-article] figure.happiness-banner img,
main [data-wmm-article] figure.levitan-art img,
main [data-wmm-article] .author-article-hero figure img{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;
  max-height:min(48svh,520px)!important;margin-left:auto!important;margin-right:auto!important;
  object-fit:contain!important;object-position:center!important;
}
/* Beat legacy article-specific full-bleed rules without affecting cards. */
body main article.reading.new-material[data-wmm-article] > img.article-image.article-image-wide,
body main.editorial-page[data-wmm-article] article > figure img,
body main.editorial-page[data-wmm-article] article > section.author-article-hero > figure img{
  display:block!important;width:auto!important;max-width:100%!important;height:auto!important;
  max-height:min(48svh,520px)!important;margin:28px auto!important;
  object-fit:contain!important;object-position:center!important;
}
main [data-wmm-article] figure{max-width:100%}

@media(max-width:760px){
  main article.reading > img,main article.reading > figure img,main article.reading .prose > img,
  main article.reading .prose > figure img,main.editorial-page article > figure img,
  main.editorial-page article > section > figure img,main.editorial-page article .article-body > img,
  main.editorial-page article .article-body > figure img,main [data-wmm-article] > img.article-image,
  main [data-wmm-article] figure.happiness-banner img,main [data-wmm-article] figure.levitan-art img,
  main [data-wmm-article] .author-article-hero figure img{max-height:min(42svh,390px)!important}
  body main article.reading.new-material[data-wmm-article] > img.article-image.article-image-wide,
  body main.editorial-page[data-wmm-article] article > figure img,
  body main.editorial-page[data-wmm-article] article > section.author-article-hero > figure img{max-height:min(42svh,390px)!important;margin:20px auto!important}
}