.news-rail {
  margin:0 0 28px;
  padding:4px 18px;
  border:1px solid var(--line);
  border-left:3px solid var(--green);
  border-radius:var(--radius);
  background:var(--panel);
  display:grid;
  grid-template-columns:130px minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
}
.news-rail h2 {margin:0;font-size:14px;line-height:1.5;color:var(--green)}
.news-rail-copy {min-width:0;height:36px;display:flex;align-items:center;font-size:14px;line-height:1.6}
.news-rail-copy a {color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;overflow-wrap:anywhere;text-decoration:none}
.news-rail-copy a:hover {text-decoration:underline}
.news-rail-copy p {margin:0;color:var(--muted)}
.news-rail-actions {display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}
.news-rail-actions button {background:none;border:1px solid var(--line2);border-radius:5px;color:var(--ink);min-height:36px;padding:4px 9px;cursor:pointer}
.news-rail-actions button:disabled {opacity:.45;cursor:default}
.news-rail-actions a {color:var(--muted);white-space:nowrap;padding:6px 0}
.news-rail-count {color:var(--muted);min-width:3em;font-variant-numeric:tabular-nums}
.news-rail :focus-visible {outline:2px solid var(--green);outline-offset:3px}
@media (max-width:760px) {
  .news-rail {grid-template-columns:minmax(0,1fr);gap:4px;padding:6px 14px}
  .news-rail-copy {height:3.2em}
  .news-rail-copy a {-webkit-line-clamp:2}
  .news-rail-actions {gap:10px}
}