.news-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.news-head h2{margin:0}
.controls{display:flex;align-items:center;gap:10px}
.controls select{font:inherit;padding:10px 12px;min-height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px}
.stories{list-style:none;margin:16px 0 0;padding:0;counter-reset:story}
.stories li{counter-increment:story;display:grid;grid-template-columns:2.2em 1fr;gap:4px 12px;padding:16px 0;border-bottom:1px solid var(--line)}
.stories li:last-child{border-bottom:0}
.stories li::before{content:counter(story);grid-row:span 3;font-size:20px;font-weight:600;color:var(--accent,#29caba)}
.stories a.headline{font-size:18px;font-weight:600;color:var(--ink);text-decoration:none;line-height:1.35}
.stories a.headline:hover,.stories a.headline:focus-visible{text-decoration:underline}
.stories .meta{font-size:14px;color:var(--muted)}
.stories .also{font-size:13px;color:var(--muted)}
.stories .also a{color:inherit}
.badge{display:inline-block;margin-left:8px;padding:1px 8px;border:1px solid var(--line);border-radius:20px;font-size:12px;color:var(--muted);white-space:nowrap}
.sources{columns:3 200px;padding-left:18px}
.sources li.down{opacity:.55}