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/_event.css

@@ -52,7 +52,7 @@
     background: #FFF1E8; color: #F2762E; font-size: 18px;
 }
 .event-key-text { display: flex; flex-direction: column; gap: 1px; }
-.event-key-k { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #98A2B3; }
+.event-key-k { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #667085; }
 .event-key-v { font-size: 17px; line-height: 24px; color: #101828; }
 .event-key-stream { font-size: 15px; color: #667085; margin: 4px 0 22px; }
 .event-key-stream i { color: #2D738C; margin-right: 6px; }
@@ -67,7 +67,7 @@
     gap: 20px 48px; max-width: 640px; margin: 26px auto 0; padding-top: 26px; border-top: 1px solid #EAECF0;
 }
 .event-partner { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 10px; }
-.event-partner-role { order: -1; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #98A2B3; }
+.event-partner-role { order: -1; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #667085; }
 .event-partner img { display: block; height: 30px; width: auto; object-fit: contain; }
 .event-partner--lead img { height: 34px; }
 .event-partner-name { font-size: 15px; font-weight: 700; color: #344054; }
@@ -83,7 +83,7 @@
 /* ---- inline photos between paragraphs (breaks up the text) ---- */
 .news-article-body .event-inline { margin: 30px 0; }
 .news-article-body .event-inline img { width: 100%; height: auto; border-radius: 14px; display: block; }
-.news-article-body .event-inline figcaption { margin-top: 8px; font-size: 13px; color: #98A2B3; text-align: center; }
+.news-article-body .event-inline figcaption { margin-top: 8px; font-size: 13px; color: #667085; text-align: center; }
 
 @media (max-width: 560px) {
     .event-key-grid { grid-template-columns: 1fr; max-width: 340px; }
@@ -139,7 +139,7 @@
 .msreg .ms-label { display: block; font-size: 14px; font-weight: 700; color: #344054; margin: 22px 0 8px; }
 .msreg .ms-label:first-child { margin-top: 0; }
 .msreg .ms-req { color: #F2762E; }
-.msreg .ms-note { font-size: 13px; color: #98A2B3; margin: 6px 0 0; }
+.msreg .ms-note { font-size: 13px; color: #667085; margin: 6px 0 0; }
 .msreg .ms-form textarea { margin-top: 0; }
 .msreg .er-consents { margin-top: 26px; }
 .msreg .ms-nav { justify-content: flex-end; }
@@ -155,8 +155,8 @@
 .msreg .ev-plans { margin-top: 24px; border: 1px solid #EAECF0; border-radius: 12px; background: #FBFCFD; padding: 4px 18px 20px; }
 .msreg .ev-plans[hidden] { display: none; }
 .msreg .ev-plans-title { font-size: 16px; font-weight: 700; color: #101828; margin: 16px 0 2px; }
-.msreg .ev-plans-lead { font-size: 13px; color: #98A2B3; margin: 0 0 6px; }
-.msreg .ev-subhead { font-size: 13px; font-weight: 700; color: #98A2B3; text-transform: uppercase; letter-spacing: 0.05em; margin: 20px 0 10px; }
+.msreg .ev-plans-lead { font-size: 13px; color: #667085; margin: 0 0 6px; }
+.msreg .ev-subhead { font-size: 13px; font-weight: 700; color: #667085; text-transform: uppercase; letter-spacing: 0.05em; margin: 20px 0 10px; }
 
 /* ---- print / PDF export (clean, faithful colours) ---- */
 @media print {