.news-page { padding-top:24px; padding-bottom:36px; }
.news-page > p { color:var(--muted); max-width:68ch; }
.news-page h1 { font-size:clamp(2.25rem,7vw,4rem); }
.news-page h2 { font-size:clamp(1.15rem,3vw,1.55rem); }
.news-controls,.news-panel { margin:16px 0; background:white; border:1px solid var(--line); border-radius:8px; padding:16px; }
.news-controls { display:flex; flex-wrap:wrap; align-items:end; gap:10px 14px; }
.news-controls label { min-width:0; }
.news-controls select { width:100%; max-width:100%; }
#newsStatus { color:var(--muted); flex-basis:100%; margin:0; }
.news-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.news-panel p,.news-panel small { color:var(--muted); }
.news-metric { min-width:0; padding:10px 12px; background:#f2f6f8; border-radius:6px; }
.news-metric p { margin:5px 0; }
.news-spike { color:#733c00; background:#fff0cf; padding:3px 6px; border-radius:4px; font-size:.8rem; }
.news-articles,#newsSources { list-style:none; padding:0; margin:8px 0 0; }
.news-articles li,#newsSources li { border-top:1px solid var(--line); padding:9px 0; overflow-wrap:anywhere; }
.news-articles li > a:first-child { font-weight:750; }
.news-articles small { display:block; margin:4px 0; }
.news-articles li > a:last-child:not(:first-child) { font-size:.8rem; }
.news-panel summary { color:var(--muted); }
@media(max-width:740px) {
  .news-columns { grid-template-columns:minmax(0,1fr); gap:8px; }
  .news-controls { align-items:stretch; }
  .news-controls label { flex-basis:100%; }
}