/* ==========================================================================
   VCO Collective · news.css — business news articles
   ========================================================================== */

.news {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--r);
  padding: 20px;
  display: flex; flex-direction: column; gap: 10px; min-width: 0;
}
.news.lead { border-top: 4px solid var(--red); }
.news.lead h3 { font-size: clamp(21px, 3vw, 26px); }
.news h3 { font-size: 19px; }
.news h3 a { color: var(--ink); text-decoration: none; }
.news h3 a:hover { color: var(--navy); text-decoration: underline; }
.news-meta { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }

.todo { background: var(--navy-soft); border-radius: var(--r-sm); padding: 10px 12px; }
.todo .mono { font-size: 10.5px; color: var(--navy); }
.todo p { margin: 2px 0 0; font-size: 15px; }

.news-foot {
  display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap;
  border-top: 1px solid var(--line); padding-top: 10px;
}
.news-foot .btns { display: flex; gap: 6px; flex-wrap: wrap; }
.keydate {
  font-family: var(--font-mono); font-size: 12px;
  color: var(--red); background: var(--red-soft);
  border-radius: 999px; padding: 3px 10px;
}
.keydate.past { color: var(--muted); background: var(--paper); }

.news-form { display: flex; flex-direction: column; gap: 12px; margin-top: 14px; }
.news-form .submit { text-align: right; }