Add subtle section dividers to import page for visual clarity

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

app/templates/import.html

@@ -5,6 +5,7 @@
 <style>
     .recipe-preview { display: none; }
     .recipe-preview.visible { display: block; }
+    .section-divider { border: none; border-top: 1px solid var(--border); margin: 1.2rem 0; opacity: 0.4; }
     .recipe-image {
         max-width: 300px;
         max-height: 200px;
@@ -232,6 +233,8 @@
             </div>
         </div>
 
+        <hr class="section-divider">
+
         <!-- Ingredients -->
         <label>Hozzávalók</label>
         <div class="ingredient-header">
@@ -246,11 +249,15 @@
             <button class="add-btn" onclick="addIngredientGroup('')">+ Csoport</button>
         </div>
 
+        <hr class="section-divider">
+
         <!-- Instructions -->
         <label>Elkészítés</label>
         <div id="instructionsList"></div>
         <button class="add-btn mt-1 mb-2" onclick="addInstruction('')">+ Lépés hozzáadása</button>
 
+        <hr class="section-divider">
+
         <!-- Tags -->
         <label>Címkék</label>
         <div class="tag-section-label">Hozzáadásra kerül:</div>
@@ -263,6 +270,8 @@
         <div class="tag-section-label" style="margin-top:0.6rem;">Weboldalról (kattints a hozzáadáshoz):</div>
         <div id="tagsInactive" class="tag-chips"></div>
 
+        <hr class="section-divider">
+
         <div class="flex mt-2">
             {% if has_mealie %}
             <button class="btn btn-success" id="sendMealieBtn" onclick="sendToMealie()">