Add "How to open a Slovenian bank account" blog post (EN/MK/SI)

- New scrollspy article page in all three languages, with guide-style
  warning callout, sourced link list + last-checked line, and standard
  author + newsletter blocks
- Blog listing featured card now links to the article and shows the hero
  photo + read-time instead of the "coming soon" placeholder
- Add hero image and cropped MSOS emblem avatar; add .blog-read-time and
  .blog-feat-thumb--image styles

MK/SI translations are AI-produced and need a native-speaker proofread.

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

css/pages/_blog.css

@@ -61,6 +61,17 @@
     padding: 3px 10px;
 }
 
+/* Published-post meta (read time) — replaces the "Coming soon" pill on live cards */
+.blog-read-time {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 13px;
+    font-weight: 600;
+    color: #2D738C;
+}
+.blog-read-time i { font-size: 12px; }
+
 .blog-section-label {
     font-size: 13px;
     font-weight: 700;
@@ -101,6 +112,16 @@
     min-height: 120px;
 }
 .blog-feat--lg .blog-feat-thumb { min-height: 280px; font-size: 64px; }
+/* Real cover image inside a featured card thumb (replaces the icon placeholder) */
+.blog-feat-thumb--image { position: relative; padding: 0; }
+.blog-feat-thumb--image img {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+}
 .blog-feat-body { padding: 20px; display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
 .blog-feat--lg .blog-feat-body { padding: 28px; gap: 16px; }
 .blog-feat h3 { margin: 0; font-size: 18px; line-height: 1.3; color: #101828; }