/* Current MVP editorial layouts with shared palette, type, controls and panels.
   The existing 1050px article shell and 185px cover cap are layout constraints;
   prose is limited to 75ch for reading, independently of the image width. */
.news-section { grid-column:1 / -1; }
.news-section .section-heading { align-items:center; }
.news-item { display:flex; align-items:start; gap:var(--space-12); padding-block:var(--space-16); border-bottom:var(--border-width) solid var(--color-border); }
.news-thumbnail { width:var(--space-40); height:var(--space-40); border-radius:var(--radius-control); object-fit:cover; flex:none; }
.news-symbol { display:grid; place-items:center; width:var(--space-24); height:var(--space-24); flex:none; border-radius:var(--radius-small); background:var(--color-selected); color:var(--color-text); }
.news-symbol .icon { width:var(--control-icon); height:var(--control-icon); }
.news-copy { display:flex; flex-direction:column; gap:var(--space-6); min-width:0; overflow-wrap:anywhere; }
.news-copy > strong, .news-summary { display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; }
.news-copy > strong { font-weight:var(--font-weight-medium); -webkit-line-clamp:3; }
.news-summary { color:var(--color-muted); -webkit-line-clamp:2; }
.news-meta { color:var(--color-muted); }
.news-item:hover strong { color:var(--color-accent-text); }
.news-all { display:flex; align-items:center; justify-content:space-between; min-height:var(--control-height); padding-block:var(--space-16); color:var(--color-accent-text); }
.news-empty { display:flex; flex-direction:column; align-items:start; gap:var(--space-16); }
.news-empty .icon { color:var(--color-accent); }
.news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:var(--space-24); margin-block:var(--space-32); }
.news-story { overflow:hidden; min-width:0; }
.news-story > a { display:flex; flex-direction:column; height:100%; }
.news-story > a > img { display:block; width:100%; aspect-ratio:2 / 1; max-height:185px; object-fit:cover; }
.news-story-copy { display:flex; flex-direction:column; flex:1; padding:var(--panel-padding); overflow-wrap:anywhere; }
.news-story-copy .index-open { margin-top:auto; padding-top:var(--space-20); }
.news-story h2 { margin-block:var(--space-12); }
.news-story p { color:var(--color-muted); }
.news-pagination { display:flex; flex-wrap:wrap; gap:var(--space-24); align-items:center; justify-content:center; margin-block:var(--space-32); }
.news-pagination > span { color:var(--color-muted); font-size:var(--text-control); }
.news-detail.page-width { max-width:1050px; }
.news-detail > .back-link { display:inline-flex; align-items:center; min-height:var(--control-height); margin:0 0 var(--space-24); }
.news-article { margin:0; overflow-wrap:anywhere; }
.news-article h1 { margin:var(--space-20) 0 var(--space-24); }
.news-lead, .news-article .prose { max-width:75ch; }
.news-lead { color:var(--color-muted); margin-block:var(--space-24); }
.article-image { display:block; width:100%; height:auto; border-radius:var(--radius-medium); margin-block:var(--space-16) var(--space-24); }
.news-article .prose { color:var(--color-prose); }
.news-article .prose p { margin-block:0 var(--space-20); }
.news-article .back-link { display:inline-flex; align-items:center; min-height:var(--control-height); margin-top:var(--space-16); }
@media (max-width:980px) { .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:800px) {
  .news-grid { grid-template-columns:1fr; }
  .news-item { gap:var(--space-12); padding-block:var(--space-20); }
  .news-article h1 { margin-bottom:var(--space-24); }
  .article-image { margin-block:var(--space-16) var(--space-20); }
}
