/* Newsroom */
.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 20px; }
.tab {
  font: 600 13px/1 "IBM Plex Sans", system-ui, sans-serif; letter-spacing: .06em; text-transform: uppercase;
  background: var(--bg-2); color: var(--ink); border: 1px solid var(--line); padding: 10px 14px; cursor: pointer;
}
.tab span { color: var(--muted); font-weight: 400; margin-left: 4px; }
.tab:hover { border-color: var(--red); }
.tab[aria-pressed="true"] { background: var(--chrome); color: var(--chrome-ink); border-color: var(--chrome); }
.tab[aria-pressed="true"] span { color: var(--chrome-muted); }
.card.news { padding: 0; display: flex; flex-direction: column; overflow: hidden; transition: border-color .15s, transform .15s; }
.card.news:hover { border-color: var(--red); transform: translateY(-2px); }
.card.news[hidden] { display: none; }
.card.news .thumb { display: block; aspect-ratio: 40 / 21; background: var(--chrome); overflow: hidden; border-bottom: 2px solid var(--red); }
.card.news .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.card.news .thumb-fallback {
  display: flex; align-items: flex-end; padding: 18px 20px;
  background: radial-gradient(420px 180px at 100% 0%, rgba(225,6,0,.35), transparent 70%), var(--chrome);
}
.thumb-name { font: 700 30px/1 "Barlow Condensed", sans-serif; color: var(--chrome-ink); letter-spacing: .02em; }
.news-body { display: flex; flex-direction: column; flex: 1; padding: 18px 20px 20px; }
.news-meta { display: flex; justify-content: space-between; gap: 8px; color: var(--red); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 8px; }
.news-meta time { color: var(--muted); }
.card.news h3 { color: var(--ink); line-height: 1.15; }
.news-source { margin-top: auto; padding-top: 14px; color: var(--ink); font-size: 13px; font-weight: 600; }
.news-search { position: relative; max-width: 520px; margin: 0 0 20px; }
.news-search input {
  display: block; width: 100%; box-sizing: border-box; margin: 0;
  font: 400 16px/1.3 "IBM Plex Sans", system-ui, sans-serif; color: var(--ink);
  background: var(--bg-2); border: 1px solid var(--line); border-radius: 0;
  padding: 11px 44px 11px 14px; -webkit-appearance: none; appearance: none;
}
.news-search input::placeholder { color: var(--muted); opacity: 1; }
.news-search input:focus { outline: none; border-color: var(--red); }
.news-search input::-webkit-search-cancel-button,
.news-search input::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.news-search-clear {
  position: absolute; top: 0; right: 0; bottom: 0; width: 44px;
  background: none; border: 0; padding: 0; cursor: pointer;
  font: 400 24px/1 "IBM Plex Sans", system-ui, sans-serif; color: var(--muted);
}
.news-search-clear:hover, .news-search-clear:focus-visible { color: var(--red); }
.news-search-clear[hidden], .news-empty[hidden] { display: none; }
.news-empty { margin: 8px 0 0; color: var(--muted); font-size: 16px; }
@media (max-width: 860px) {
  .news-search { max-width: none; }
}