/* JMMS v16.7 — unified news / media layout and staff editing shortcuts.
   Loaded after site.css, widescreen-v16.5.css, and news-v16.6.css. */

/* Media listings use the existing, familiar news editing button design. */
.media-listing .news-story-actions { align-self:start; }
.media-listing .story { grid-template-columns:120px minmax(0,1fr) auto; }
.media-listing .story > div:not(.news-story-actions) { min-width:0; }

/* On detail pages the body should start under the title, not float in the
   middle of the full-width column (the old .article-body used margin:auto). */
main.jmms-editorial-page .article-body {
  width:100%;
  margin-left:0;
  margin-right:auto;
}

/* Match the reading proportions of News and Media on large screens. */
@media screen and (min-width:1600px) {
  main.jmms-editorial-page .page-heading,
  main.jmms-editorial-page .stories,
  main.jmms-editorial-page .article-navigation {
    width:100%;
    max-width:1480px;
    margin-left:0;
    margin-right:auto;
  }
  main.jmms-editorial-page .page-heading h1 {
    max-width:1150px;
    font-size:clamp(48px,3.45vw,70px);
    line-height:1.11;
  }
  main.jmms-editorial-page .article-body {
    max-width:990px;
    font-size:clamp(16px,.92vw,18px);
    line-height:1.85;
  }
  main.jmms-editorial-page .stories .story h2 {
    font-size:clamp(23px,1.35vw,27px);
  }
  /* The first news item gets the same visual prominence as a media headline;
     its divider still spans the same width as all subsequent rows. */
  main.jmms-news-page .news-listing .latest-news .news-feature-heading h2 {
    max-width:1120px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(43px,2.9vw,59px);
    line-height:1.14;
    letter-spacing:-.032em;
    font-weight:400;
  }
  main.jmms-news-page .news-listing .latest-news > :not(.news-feature-heading):not(time) {
    max-width:990px;
  }
}

@media screen and (min-width:2200px) {
  main.jmms-editorial-page .page-heading,
  main.jmms-editorial-page .stories,
  main.jmms-editorial-page .article-navigation { max-width:1600px; }
  main.jmms-editorial-page .page-heading h1 { max-width:1250px; }
  main.jmms-editorial-page .article-body { max-width:1080px; }
}

@media screen and (max-width:700px) {
  .media-listing .story {
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
  }
  .media-listing .media-thumbnail { grid-column:1/-1; }
  .media-listing .story > div:not(.news-story-actions) { grid-column:1; }
  .media-listing .news-story-actions { grid-column:2; }
}

@media print {
  main.jmms-editorial-page .page-heading,
  main.jmms-editorial-page .stories,
  main.jmms-editorial-page .article-body { max-width:none; width:100%; }
  .media-edit-icon { display:none!important; }
}