fix(qa): SI hero copy, footer width, form contrast + iOS input-zoom

From the QA audit — high-impact, low-risk fixes:
- SI homepage hero: replace leftover template boilerplate subtitle
  ("timski nabiralniki"...) and truncated badge with proper Slovene copy
  matching EN/MK.
- Footer: .footer-container was a hard width:1280px and got clipped by
  overflow-x:clip on 769-1279px screens; now width:100%; max-width:1280px.
- WCAG AA contrast: darken orange text (.article-publish-date, .mm-real-link)
  and the Ask-MSOS footer (.msa-foot) which were ~2.6-3:1 on white.
- iOS Safari focus-zoom: bump form/search/assistant inputs to 16px
  (.ms-field, .msa-input, .filterbar-search-field).
- Re-stamped cache-bust (v=9ff60d7a).

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

assistant.css

@@ -113,7 +113,7 @@
 .msa-form { display: flex; gap: 8px; padding: 10px; border-top: 1px solid #eceff0; background: #fff; }
 .msa-input {
     flex: 1; border: 1px solid #d6dcde; border-radius: 10px;
-    padding: 10px 12px; font-size: 14.5px; font-family: inherit; color: var(--msa-text);
+    padding: 10px 12px; font-size: 16px; font-family: inherit; color: var(--msa-text); /* 16px avoids iOS Safari focus-zoom */
 }
 .msa-input:focus { outline: 2px solid var(--msa-accent); outline-offset: -1px; border-color: var(--msa-accent); }
 .msa-send {
@@ -121,7 +121,7 @@
     width: 44px; cursor: pointer; font-size: 16px;
 }
 .msa-send:hover { background: var(--msa-accent-dark); }
-.msa-foot { margin: 0; padding: 8px 12px; font-size: 11.5px; color: #8a979d; background: #fff; text-align: center; }
+.msa-foot { margin: 0; padding: 8px 12px; font-size: 11.5px; color: #5a6b72; background: #fff; text-align: center; } /* was #8a979d (3.0:1) — darkened for WCAG AA */
 
 @media (max-width: 480px) {
     .msa-root { right: 12px; bottom: 12px; }