style(qa3): design-token foundation + safe polish/a11y fixes

- Add :root design tokens in _typography.css (was empty) — brand teal/orange,
  ink/text greys, radius + type scale + section rhythm. Visually neutral;
  new rules can reference var()s instead of scattered literals.
- a11y: visible :focus-visible ring on header nav + dropdown links (keyboard
  users had none).
- Fix synthesized faux-bold: .route-report h1 800 -> 700 (Inter loads 400-700).
- Testimonials column: overflow-y scroll -> auto (no permanent scrollbar gutter).
- Lightbox image radius 6px -> 8px (matches the site rounding scale).
- Consistent card affordance: homepage .news-card now lifts on hover like the
  news-hub / blog cards.
- Re-stamped cache-bust (v=1f64b22f).

Deferred (needs a brand decision): unifying the two primary oranges
(#FA7850 vs #F2762E) and the fuller literal->token migration.

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

css/components/_cards.css

@@ -30,6 +30,10 @@
 .news-card .card-content {
     color: #FFFFFF;
 }
+/* Match the hover lift used by news-hub / blog cards for a consistent
+   "this is clickable" cue. */
+.news-card-media { transition: transform 0.18s ease, box-shadow 0.18s ease; }
+.news-card:hover .news-card-media { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(9, 18, 26, 0.34); }
 
 .news-card .author {
     font-size: 14px;

css/components/_lightbox.css

@@ -40,7 +40,7 @@
 .lightbox.is-open { display: flex; }
 .lightbox-img {
     max-width: 92vw; max-height: 82vh; object-fit: contain;
-    border-radius: 6px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
+    border-radius: 8px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
     user-select: none; -webkit-user-drag: none;
 }
 .lightbox-close, .lightbox-prev, .lightbox-next {