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

@@ -390,10 +390,16 @@
 }
 
 .news-articles {
-    display: flex;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
     justify-content: center;
     gap: 32px;
-    margin-bottom: 64px;
+    max-width: 1264px;
+    margin: 0 auto 64px;
+}
+/* Tablet/small-laptop: 2-up instead of three cramped cards */
+@media (max-width: 1024px) {
+    .news-articles { grid-template-columns: repeat(2, 1fr); max-width: 840px; }
 }
 
 /* 6. Testimonials Section */
@@ -578,6 +584,10 @@
     margin: 0 auto 64px;
     text-align: left;
 }
+/* Tablet/small-laptop: 2 columns before collapsing to 1 on phones */
+@media (max-width: 1024px) {
+    .faq-grid { grid-template-columns: repeat(2, 1fr); gap: 48px 32px; }
+}
 
 .faq-item {
     display: flex;
@@ -814,8 +824,8 @@
         line-height: 24px;
     }
     .news-articles {
-        flex-direction: column;
-        align-items: center;
+        grid-template-columns: 1fr;
+        justify-items: center;
         gap: 48px;
     }