/* JMMS v16.6 — news layout and staff shortcuts only.
   Pairs with the existing responsive layout and v16.5 widescreen stylesheet. */

/* The featured news article and the following rows now share one width:
   previously the featured item's bottom border stopped at 850px. */
.news-listing .latest-news {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0 0 36px;
  border-bottom: 1px solid var(--line);
}
.news-listing .latest-news .news-feature-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  margin-top: 16px;
  margin-bottom: 22px;
}
.news-listing .latest-news .news-feature-heading h2 {margin:0;min-width:0;}
.news-listing .latest-news .news-feature-heading h2 a {color:inherit;text-decoration:none;}
.news-listing .latest-news .news-feature-heading h2 a:hover {
  color:var(--wine);text-decoration:underline;text-underline-offset:5px;
}
.news-listing .story {grid-template-columns:120px minmax(0,1fr) auto;}
.news-story-actions {display:flex;align-items:center;gap:12px;justify-content:flex-end;}
.news-edit-icon {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border:1px solid var(--line);
  border-radius:6px;
  color:var(--wine);
  text-decoration:none!important;
  font-size:19px;
  line-height:1;
  background:var(--panel);
}
.news-edit-icon:hover {border-color:var(--wine);background:var(--white);color:var(--wine);}
.news-edit-icon:focus-visible {outline:3px solid var(--focus,#936317);outline-offset:3px;}
.news-story-actions .read-link {display:inline-flex;align-items:center;justify-content:center;min-width:27px;}

/* Only news pages use the following alignment — recordings and other pages stay as-is. */
@media screen and (min-width: 1600px) {
  main.jmms-news-page .news-listing,
  main.jmms-news-page .page-heading {max-width:1280px;margin-left:0;margin-right:auto;}
  main.jmms-news-page .article-body {max-width:1080px;margin-left:0;margin-right:auto;}
}
@media screen and (min-width: 2200px) {
  main.jmms-news-page .news-listing,
  main.jmms-news-page .page-heading {max-width:1440px;}
  main.jmms-news-page .article-body {max-width:1160px;}
}
@media screen and (max-width:700px) {
  .news-listing .story {grid-template-columns:minmax(0,1fr) auto;gap:10px;}
  .news-listing .story time {grid-column:1/-1;}
  .news-listing .latest-news .news-feature-heading {align-items:flex-start;gap:10px;}
  .news-listing .latest-news .news-feature-heading h2 {font-size:clamp(25px,6vw,34px);}
  .news-edit-icon {width:34px;height:34px;}
}