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

@@ -5,7 +5,7 @@
 .mm-h2 { font-size: 32px; line-height: 1.15; text-align: center; margin: 0 0 12px; color: #101828; }
 .mm-h2--light { color: #FFFFFF; }
 .mm-lead { text-align: center; max-width: 640px; margin: 0 auto 36px; font-size: 18px; line-height: 28px; color: #475467; }
-.mm-note { font-size: 12px; color: #98A2B3; }
+.mm-note { font-size: 12px; color: #667085; }
 .mm-note--center { text-align: center; margin-top: 20px; }
 .mm-center { text-align: center; margin-top: 32px; }
 .mm-section { max-width: 1120px; margin: 0 auto; padding: 72px 24px; }
@@ -118,7 +118,7 @@
 .mm-test blockquote { margin: 0 0 18px; font-size: 17px; line-height: 27px; color: #101828; }
 .mm-test blockquote::before { content: '\201C'; color: var(--mm-orange); font-size: 40px; line-height: 0; vertical-align: -18px; margin-right: 4px; }
 .mm-test figcaption strong { display: block; font-size: 15px; }
-.mm-test figcaption span { font-size: 13px; color: #98A2B3; }
+.mm-test figcaption span { font-size: 13px; color: #667085; }
 
 /* ---- projects showcase ---- */
 .mm-shows { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-top: 40px; }
@@ -155,14 +155,14 @@
 .ms-progress[hidden] { display: none; }
 .ms-progress-track { height: 6px; background: #F2F4F7; border-radius: 999px; overflow: hidden; }
 .ms-progress-bar { height: 100%; width: 0; background: var(--mm-orange); border-radius: 999px; transition: width 0.3s ease; }
-.ms-progress-text { display: block; margin-top: 8px; font-size: 12px; font-weight: 600; color: #98A2B3; }
+.ms-progress-text { display: block; margin-top: 8px; font-size: 12px; font-weight: 600; color: #667085; }
 .ms-alert { background: #FEF3F2; color: #B42318; border: 1px solid #FECDCA; border-radius: 10px; padding: 10px 14px; font-size: 14px; margin-bottom: 16px; }
 .ms-alert[hidden] { display: none; }
 /* honeypot: off-screen, hidden from users and assistive tech, visible to naive bots */
 .ms-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
 .ms-step[hidden] { display: none; }
 .ms-step h3 { font-size: 20px; margin: 0 0 6px; }
-.ms-hint { font-size: 14px; color: #98A2B3; margin: 0 0 16px; }
+.ms-hint { font-size: 14px; color: #667085; margin: 0 0 16px; }
 
 /* path choice: two rich, colour-accented cards (student = orange, supporter = teal) */
 .ms-step--path { text-align: center; }
@@ -223,7 +223,7 @@
 .ms-success-icon { font-size: 48px; color: #2E9E6B; margin-bottom: 14px; }
 .ms-success-title { font-size: 26px; margin: 0 0 10px; }
 .ms-success-text { color: #667085; font-size: 16px; line-height: 25px; max-width: 520px; margin: 0 auto 24px; }
-.ms-success-next { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #98A2B3; margin: 0 0 14px; }
+.ms-success-next { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #667085; margin: 0 0 14px; }
 .ms-success-links { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
 /* allow long labels (e.g. MK "Прочитајте го Водичот за добредојде") to wrap
    inside the button instead of overflowing the box (base .btn is nowrap) */