Wiki modal: double width, header, HTML rendering + vertical scroll

css/styles.css

@@ -1487,11 +1487,15 @@ body[data-lang="en"] .hide-de { display: none !important; }
 .detail-value { color: #1c1e21; font-size: 14px; text-align: right; }
 .user-detail-company { color: #65676b; text-align: center; }
 
-/* ========================================
-
 /* ========================================
    WIKI MODAL ENHANCED
    ======================================== */
+.wiki-modal { max-width: 880px; }
+.wiki-modal-header {
+  margin-bottom: 16px;
+  border-bottom: 1px solid #e4e6eb;
+  padding-bottom: 12px;
+}
 .wiki-modal-topic {
   display: inline-block;
   padding: 4px 10px;
@@ -1522,6 +1526,11 @@ body[data-lang="en"] .hide-de { display: none !important; }
   line-height: 1.6;
   color: #333;
   margin-bottom: 24px;
+  max-height: 70vh;
+  overflow-y: auto;
+  padding: 16px;
+  border: 1px solid #e4e6eb;
+  border-radius: 8px;
 }
 .wiki-modal-close {
   background: #f0f2f5;

js/main.js

@@ -923,12 +923,13 @@ function openWikiModalSingle(item) {
   const dateStr = formatDate(new Date(item.updatedAt || item.createdAt));
   
   let html = '<div class="modal wiki-modal"><button class="modal-close" onclick="closeWikiModal()">&times;</button>';
-  html += '<div class="wiki-modal-content">';
+  html += '<div class="wiki-modal-header">';
   html += '<div class="wiki-modal-topic">' + escapeHtml(topic) + '</div>';
   html += '<h2 class="wiki-modal-title">' + escapeHtml(subtopic) + '</h2>';
   if (dateStr) html += '<div class="wiki-modal-date">' + dateStr + '</div>';
-  html += '<div class="wiki-modal-text">' + escapeHtml(content) + '</div>';
-  html += '</div></div>';
+  html += '</div>';
+  html += '<div class="wiki-modal-text">' + sanitizeHtml(content) + '</div>';
+  html += '</div>';
   modalOverlay.innerHTML = html;
   modalOverlay.classList.add('active');
 }