fix(qa2): responsive Latest-news/FAQ at tablet + muted-text contrast sweep

- Latest-news row and FAQ grid now go 3 -> 2 -> 1 columns (added a 1024px
  tablet step); .news-card drops its brittle fixed 405.33px width and fills a
  responsive grid cell. Fixes cramped 3-across cards on 769-1024px.
- Contrast: replace #98A2B3 text color (2.58:1 on white) with the palette
  muted #667085 (~4.8:1) across 13 CSS files (31 text-color uses; borders/
  backgrounds untouched, verified none on dark backgrounds).
- Re-stamped cache-bust (v=6770822f).

Note: the ~20px-looser header top-gap at 769-1024px is left as a minor,
lower-risk follow-up (would need a coordinated multi-page padding pass).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

css/pages/_news.css

@@ -88,7 +88,7 @@
 }
 .newshub-media .news-badge i { font-size: 11px; }
 .newshub-body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 8px; }
-.newshub-date { font-size: 13px; font-weight: 600; color: #98A2B3; margin: 0; }
+.newshub-date { font-size: 13px; font-weight: 600; color: #667085; margin: 0; }
 .newshub-card h3 { margin: 0; font-size: 19px; line-height: 1.3; }
 .newshub-card h3 a { color: #101828; text-decoration: none; }
 .newshub-card h3 a:hover { color: #2D738C; }
@@ -123,7 +123,7 @@
 .news-article-date { color: #667085; font-size: 15px; margin: 0 0 24px; }
 .news-article-hero { margin: 0 0 28px; }
 .news-article-hero img { width: 100%; height: auto; border-radius: 14px; display: block; }
-.news-article-hero figcaption { margin-top: 8px; font-size: 13px; color: #98A2B3; }
+.news-article-hero figcaption { margin-top: 8px; font-size: 13px; color: #667085; }
 .news-article-hero figcaption a { color: #667085; text-decoration: underline; }
 .news-article-body p { font-size: 18px; line-height: 30px; color: #344054; margin: 0 0 18px; }
 .news-source {