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>

en/student-welcome-guide/where-to-apply-for-residence/index.html

@@ -21,7 +21,7 @@
       gtag('js', new Date());
       gtag('config', 'G-WVYV807VSS');
     </script>
-    <script src="/consent.js?v=6770822f" defer></script>
+    <script src="/consent.js?v=1f64b22f" defer></script>
     <meta name="description" content="The embassy in Skopje or a Slovenian administrative unit: where to submit, and the lawful-stay risk to manage.">
     <link rel="canonical" href="https://msosorg.com/en/student-welcome-guide/where-to-apply-for-residence/">
     <link rel="alternate" hreflang="en" href="https://msosorg.com/en/student-welcome-guide/where-to-apply-for-residence/">
@@ -59,7 +59,7 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="print" onload="this.media=&#39;all&#39;" /><noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /></noscript>
 
     <!-- Correct path to the main CSS file -->
-    <link rel="stylesheet" href="../../../css/main.css?v=6770822f">
+    <link rel="stylesheet" href="../../../css/main.css?v=1f64b22f">
 </head>
 <body>
 
@@ -425,9 +425,9 @@
 </footer>
 <!-- END_FOOTER -->
 
-    <script src="../../../main.js?v=6770822f"></script>
-    <script src="../../../guide-feedback.js?v=6770822f"></script>
-<link rel="stylesheet" href="/assistant.css?v=6770822f">
-<script src="/assistant.js?v=6770822f" defer></script>
+    <script src="../../../main.js?v=1f64b22f"></script>
+    <script src="../../../guide-feedback.js?v=1f64b22f"></script>
+<link rel="stylesheet" href="/assistant.css?v=1f64b22f">
+<script src="/assistant.js?v=1f64b22f" defer></script>
 </body>
 </html>