Landing: add featured essentials row and make stages collapsible dropdowns

Adds a 5-card featured row (journey, deadlines, eVS apply, residence permit, accommodation) above the stages, and converts the six stage cards into native details/summary accordions (first open by default, chevron rotates). Links inside open into a compact grid. Cuts the empty white space and visual noise.

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

mk/student-welcome-guide/index.html

@@ -222,31 +222,61 @@
 
         <section class="guide-section">
             <h2>Најдете го вашиот пат низ водичот</h2>
-            <p class="guide-section-sub">Водичот ја следи вашата патека во шест фази, од избор на програма до секојдневниот живот во Словенија. Отворете ја фазата во која сте, или горе користете Прикажи го мојот пат за личен список.</p>
+            <p class="guide-section-sub">Повеќето студенти почнуваат со основите подолу. Отворете фаза за да видите сè во неа.</p>
+            <div class="guide-featured">
+                    <a class="guide-featured-card" href="complete-student-journey/">
+                        <span class="guide-featured-icon"><i class="fas fa-route" aria-hidden="true"></i></span>
+                        <span class="guide-featured-label">Вашиот пат</span>
+                        <span class="guide-featured-sub">Целиот пат на едно место</span>
+                    </a>
+                    <a class="guide-featured-card" href="application-deadlines/">
+                        <span class="guide-featured-icon"><i class="fas fa-calendar-day" aria-hidden="true"></i></span>
+                        <span class="guide-featured-label">Рокови</span>
+                        <span class="guide-featured-sub">Што кога се затвора</span>
+                    </a>
+                    <a class="guide-featured-card" href="evs-application-guide/">
+                        <span class="guide-featured-icon"><i class="fas fa-file-lines" aria-hidden="true"></i></span>
+                        <span class="guide-featured-label">Пријава (eVŠ)</span>
+                        <span class="guide-featured-sub">Запишување чекор по чекор</span>
+                    </a>
+                    <a class="guide-featured-card" href="student-residence-permit/">
+                        <span class="guide-featured-icon"><i class="fas fa-id-card" aria-hidden="true"></i></span>
+                        <span class="guide-featured-label">Дозвола за престој</span>
+                        <span class="guide-featured-sub">Вашето право на престој</span>
+                    </a>
+                    <a class="guide-featured-card" href="student-accommodation/">
+                        <span class="guide-featured-icon"><i class="fas fa-house" aria-hidden="true"></i></span>
+                        <span class="guide-featured-label">Сместување</span>
+                        <span class="guide-featured-sub">Наоѓање сместување</span>
+                    </a>
+            </div>
+            <p class="guide-browse-label">Прелистувајте по фази</p>
             <div class="guide-cats">
-                <div class="guide-cat">
-                    <div class="guide-cat-head">
+                <details class="guide-cat" open>
+                    <summary class="guide-cat-head">
                         <span class="guide-cat-num">1</span>
                         <div class="guide-cat-heading">
                             <h3><i class="fas fa-compass" aria-hidden="true"></i>Почнете тука: истражете и одлучете</h3>
                             <p>Видете го целиот пат, потоа изберете програма, град и проверете ги трошоците.</p>
                         </div>
-                    </div>
+                        <i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
+                    </summary>
                     <div class="guide-cat-links">
                         <a class="guide-quicklink" href="complete-student-journey/"><i class="fas fa-route" aria-hidden="true"></i>Целосниот пат</a>
                         <a class="guide-quicklink" href="choose-a-programme/"><i class="fas fa-compass" aria-hidden="true"></i>Избор на програма</a>
                         <a class="guide-quicklink" href="study-cities/"><i class="fas fa-city" aria-hidden="true"></i>Студентски градови</a>
                         <a class="guide-quicklink" href="tuition-and-scholarships/"><i class="fas fa-money-bill-wave" aria-hidden="true"></i>Школарина и стипендии</a>
                     </div>
-                </div>
-                <div class="guide-cat">
-                    <div class="guide-cat-head">
+                </details>
+                <details class="guide-cat">
+                    <summary class="guide-cat-head">
                         <span class="guide-cat-num">2</span>
                         <div class="guide-cat-heading">
                             <h3><i class="fas fa-file-lines" aria-hidden="true"></i>Пријава за студии</h3>
                             <p>Рокови, пријавата преку eVŠ, признавање, документи и запишување.</p>
                         </div>
-                    </div>
+                        <i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
+                    </summary>
                     <div class="guide-cat-links">
                         <a class="guide-quicklink" href="application-deadlines/"><i class="fas fa-calendar-day" aria-hidden="true"></i>Тековни рокови</a>
                         <a class="guide-quicklink" href="bachelor-application/"><i class="fas fa-graduation-cap" aria-hidden="true"></i>Додипломска пријава</a>
@@ -256,15 +286,16 @@
                         <a class="guide-quicklink" href="document-preparation/"><i class="fas fa-folder-open" aria-hidden="true"></i>Подготовка на документи</a>
                         <a class="guide-quicklink" href="admission-and-enrolment/"><i class="fas fa-clipboard-check" aria-hidden="true"></i>Прием и запишување</a>
                     </div>
-                </div>
-                <div class="guide-cat">
-                    <div class="guide-cat-head">
+                </details>
+                <details class="guide-cat">
+                    <summary class="guide-cat-head">
                         <span class="guide-cat-num">3</span>
                         <div class="guide-cat-heading">
                             <h3><i class="fas fa-passport" aria-hidden="true"></i>Престој и здравство</h3>
                             <p>Вашето законско право на престој за годината и пристапот до здравство.</p>
                         </div>
-                    </div>
+                        <i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
+                    </summary>
                     <div class="guide-cat-links">
                         <a class="guide-quicklink" href="visa-and-residence-explained/"><i class="fas fa-passport" aria-hidden="true"></i>Виза и престој</a>
                         <a class="guide-quicklink" href="student-residence-permit/"><i class="fas fa-id-card" aria-hidden="true"></i>Дозвола за престој</a>
@@ -273,30 +304,32 @@
                         <a class="guide-quicklink" href="rm-si-3-health-insurance/"><i class="fas fa-heart-pulse" aria-hidden="true"></i>Здравствено осигурување (RM/SI 3)</a>
                         <a class="guide-quicklink" href="healthcare-in-slovenia/"><i class="fas fa-house-medical" aria-hidden="true"></i>Користење здравство</a>
                     </div>
-                </div>
-                <div class="guide-cat">
-                    <div class="guide-cat-head">
+                </details>
+                <details class="guide-cat">
+                    <summary class="guide-cat-head">
                         <span class="guide-cat-num">4</span>
                         <div class="guide-cat-heading">
                             <h3><i class="fas fa-suitcase-rolling" aria-hidden="true"></i>Преселба и снаоѓање</h3>
                             <p>Сместување, пакување, пристигнување и администрацијата што отклучува сè друго.</p>
                         </div>
-                    </div>
+                        <i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
+                    </summary>
                     <div class="guide-cat-links">
                         <a class="guide-quicklink" href="student-accommodation/"><i class="fas fa-house" aria-hidden="true"></i>Сместување</a>
                         <a class="guide-quicklink" href="prepare-to-move/"><i class="fas fa-suitcase-rolling" aria-hidden="true"></i>Патување и пакување</a>
                         <a class="guide-quicklink" href="arrival-checklist/"><i class="fas fa-list-check" aria-hidden="true"></i>Листа по пристигнување</a>
                         <a class="guide-quicklink" href="administrative-basics/"><i class="fas fa-gears" aria-hidden="true"></i>Основна администрација (EMŠO, данок, банка)</a>
                     </div>
-                </div>
-                <div class="guide-cat">
-                    <div class="guide-cat-head">
+                </details>
+                <details class="guide-cat">
+                    <summary class="guide-cat-head">
                         <span class="guide-cat-num">5</span>
                         <div class="guide-cat-heading">
                             <h3><i class="fas fa-mug-hot" aria-hidden="true"></i>Секојдневен студентски живот</h3>
                             <p>Исхрана, превоз, работа, буџет, студирање и наоѓање на заедницата.</p>
                         </div>
-                    </div>
+                        <i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
+                    </summary>
                     <div class="guide-cat-links">
                         <a class="guide-quicklink" href="student-meals/"><i class="fas fa-utensils" aria-hidden="true"></i>Студентска исхрана</a>
                         <a class="guide-quicklink" href="student-transport/"><i class="fas fa-bus" aria-hidden="true"></i>Студентски превоз</a>
@@ -306,20 +339,21 @@
                         <a class="guide-quicklink" href="wellbeing-and-community/"><i class="fas fa-hands-holding-circle" aria-hidden="true"></i>Благосостојба и заедница</a>
                         <a class="guide-quicklink" href="student-organisations-and-extracurriculars/"><i class="fas fa-people-group" aria-hidden="true"></i>Студентски организации</a>
                     </div>
-                </div>
-                <div class="guide-cat">
-                    <div class="guide-cat-head">
+                </details>
+                <details class="guide-cat">
+                    <summary class="guide-cat-head">
                         <span class="guide-cat-num">6</span>
                         <div class="guide-cat-heading">
                             <h3><i class="fas fa-arrows-rotate" aria-hidden="true"></i>По првата година</h3>
                             <p>Обнова, промена или дипломирање, плус официјалните извори на кои да им верувате.</p>
                         </div>
-                    </div>
+                        <i class="fas fa-chevron-down guide-cat-caret" aria-hidden="true"></i>
+                    </summary>
                     <div class="guide-cat-links">
                         <a class="guide-quicklink" href="renew-change-graduate/"><i class="fas fa-arrows-rotate" aria-hidden="true"></i>Обнова и дипломирање</a>
                         <a class="guide-quicklink" href="official-sources-and-checklists/"><i class="fas fa-list-ul" aria-hidden="true"></i>Официјални извори</a>
                     </div>
-                </div>
+                </details>
             </div>
         </section>