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>

css/pages/_article.css

@@ -228,7 +228,7 @@
 .article-publish-date {
     font-size: 16px;
     font-weight: 600;
-    color: #FA7850;
+    color: #B4531A; /* was #FA7850 (2.7:1) — darkened for WCAG AA on white */
     margin-bottom: 12px;
 }
 

css/pages/_filterbar.css

@@ -137,7 +137,7 @@
     outline: 0;
     background: transparent;
     font-family: inherit;
-    font-size: 15px;
+    font-size: 16px; /* 16px avoids iOS Safari focus-zoom */
     color: #101828;
 }
 .filterbar-search-field input::placeholder { color: #98A2B3; }

css/pages/_member.css

@@ -110,7 +110,7 @@
 .mm-real-body { padding: 18px; }
 .mm-real-body h3 { font-size: 17px; margin: 0 0 6px; }
 .mm-real-body p { font-size: 14px; line-height: 21px; color: #667085; margin: 0 0 10px; }
-.mm-real-link { font-size: 14px; font-weight: 600; color: var(--mm-orange); display: inline-flex; align-items: center; gap: 6px; }
+.mm-real-link { font-size: 14px; font-weight: 600; color: #B4531A; display: inline-flex; align-items: center; gap: 6px; } /* was --mm-orange (2.8:1) — darkened for WCAG AA */
 
 /* ---- testimonials ---- */
 .mm-tests { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 40px; }
@@ -189,7 +189,7 @@
 .ms-field { display: flex; flex-direction: column; gap: 6px; }
 .ms-field span { font-size: 13px; font-weight: 600; color: #344054; }
 .ms-field input, .ms-field select, .ms-form textarea {
-    font-family: inherit; font-size: 15px; color: #101828;
+    font-family: inherit; font-size: 16px; color: #101828; /* 16px avoids iOS Safari focus-zoom */
     padding: 11px 14px; border: 1px solid #D0D5DD; border-radius: 10px; background: #FFFFFF; width: 100%;
 }
 .ms-field input:focus, .ms-field select:focus, .ms-form textarea:focus { outline: none; border-color: var(--mm-orange); box-shadow: 0 0 0 3px rgba(242,118,46,0.12); }