update

frontend/src/components/TopicDetail.vue

@@ -18,6 +18,17 @@ marked.use(markedHighlight({
 }))
 marked.setOptions({ breaks: true, gfm: true })
 
+// Rohes HTML im Markdown (z. B. <p>, <img> ohne Backticks aus Agenten-Output)
+// als Text anzeigen statt rendern — sonst verschluckt der Browser den Inhalt.
+marked.use({
+  renderer: {
+    html(token) {
+      const text = typeof token === 'string' ? token : token.text
+      return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+    },
+  },
+})
+
 function renderMarkdown(text) {
   return DOMPurify.sanitize(marked.parse(text || ''))
 }
@@ -278,6 +289,8 @@ async function send() {
   max-width: 880px;
   margin: 0 auto;
   padding: 2rem 2.5rem 5rem;
+  /* Lese-Zoom nur für den Inhalt — Sidebar/Chat bleiben unverändert */
+  zoom: 1.33;
 }
 
 @media (max-width: 600px) {
@@ -331,10 +344,12 @@ async function send() {
   }
 }
 
-/* OnePager: festes 3×3-Raster über volle Breite und Höhe */
+/* OnePager: festes 3×3-Raster über volle Breite und Höhe.
+   Kein Lese-Zoom (bricht 100%-Höhen) — stattdessen sind die Schriften unten 1.33× skaliert. */
 .guide-content.onepager {
   max-width: none;
   height: 100%;
+  zoom: 1;
   padding: 0.9rem 1rem;
   display: flex;
   flex-direction: column;
@@ -370,12 +385,12 @@ async function send() {
   overflow-y: auto;
 
   h3 {
-    font-size: 0.88rem;
+    font-size: 1.17rem;
     margin-bottom: 0.3rem;
   }
 
   .section-body {
-    font-size: 0.82rem;
+    font-size: 1.09rem;
   }
 }