/**
 * Page theme of the /news section pages: /news/press-releases (light) and
 * /news/in-the-news (dark), and the article pages under them. The cards
 * themselves are in news-sections.css; this file only sets the page background and
 * recolours the listing's toolbar, pagination and empty state for the dark theme.
 * Scoped to .sc-news--press so the other listings are untouched.
 */

/* Same pale blue-grey as the Press Releases band on /news (the hero keeps its own). */
.sc-news--press {
  background: #F2F2F2;
  padding-bottom: 48px;
}

.sc-news--press .sc-news__grid {
  gap: 24px;
}

/* ---- Dark theme (/news/in-the-news) -------------------------------------- */

.sc-news--press.sc-news--dark {
  background: #0d1520;
}

.sc-news--dark .sc-news__result-summary,
.sc-news--dark .sc-news__page-ellipsis,
.sc-news--dark .sc-news__page-btn {
  color: #c4cedb;
}

.sc-news--dark .sc-news__page-btn:hover:not(:disabled),
.sc-news--dark .sc-news__page-btn.is-active {
  color: #f4762d;
}

.sc-news--dark .sc-news__page-btn:disabled {
  color: #5d6b7c;
}

.sc-news--dark .sc-news__empty {
  background: #111b26;
  border-color: #2a3a4d;
  color: #c4cedb;
}

/* Loading (search / pagination): no veil behind the spinner on these two pages. The
   shared rule in insights.css paints a white .72 overlay, which Events and Insights
   keep; only the /news section pages (.sc-news--press) drop it. */
.sc-news--press .sc-news__loader {
  background: transparent;
}