Corrections visuel ; optimisation du chargement des pages (préchargement anticité, sinon temps de latence chaque fois qu'on visite un type de page une première fois)

web/src/app/lore/lore-detail/lore-detail.component.html

@@ -39,7 +39,7 @@
   </div>
 
   <!-- ============ Grille des dossiers racine ============ -->
-  <div class="nodes-section">
+  <section class="detail-section nodes-section">
     <div class="section-header">
       <h2>Dossiers</h2>
       <button class="btn-add" (click)="navigateToCreateNode()">
@@ -65,6 +65,6 @@
         Créer votre premier dossier
       </button>
     </div>
-  </div>
+  </section>
 
 </div>

web/src/app/lore/lore-detail/lore-detail.component.scss

@@ -2,6 +2,18 @@
   padding: 2.5rem 2rem;
 }
 
+/**
+ * Carte visuelle pour les sous-sections (Dossiers). Le header (titre + resume)
+ * reste en dehors d'une carte : il EST le lore, pas une section qui lui
+ * appartient. Meme pattern que campaign-detail.
+ */
+.detail-section {
+  background: #0d1117;
+  border: 1px solid #1f2937;
+  border-radius: 12px;
+  padding: 1.5rem 1.75rem;
+}
+
 .detail-header {
   display: flex;
   align-items: flex-start;