/*
 * Brand Refresh -- News page card grid only (/news/). Split out of
 * refresh.css (2026-09-07) so every other refreshed page doesn't ship
 * it. Loaded only when front matter `hasBlogList: true` (see
 * src/news/index.njk and base.njk).
 */

/* News page card grid (refreshed 2026-09-05) -- same brass-top-border
   treatment as .banner-card, so it doesn't look like a leftover
   pre-refresh component next to everything else. */
body.refresh .blog-list__item {
  border-top: 3px solid var(--color-accent);
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(31, 61, 43, 0.08);
}
body.refresh .blog-list__item:hover {
  box-shadow: 0 8px 20px rgba(31, 61, 43, 0.14);
}

/* Pagefind search (2026-09-09) -- these custom properties are Pagefind's
   own documented theming hooks (pagefind-ui.css reads them), not our
   own invention, so overriding them here is enough to match the brand
   palette without touching Pagefind's bundled stylesheet directly. */
.news-search {
  max-width: 640px;
  margin: 0 0 2rem;
  --pagefind-ui-primary: var(--color-primary);
  --pagefind-ui-text: #333;
  --pagefind-ui-background: #fff;
  --pagefind-ui-border: rgba(31, 61, 43, 0.2);
  --pagefind-ui-border-width: 1px;
  --pagefind-ui-border-radius: 10px;
  --pagefind-ui-image-border-radius: 8px;
  --pagefind-ui-image-box-ratio: 3 / 2;
  --pagefind-ui-font: inherit;
}