update

frontend/src/components/TopicDetail.vue

@@ -254,6 +254,9 @@ async function send() {
 <style scoped>
 .detail {
   flex: 1;
+  /* Flex-Item darf schmaler werden als seine Code-Blöcke — sonst sprengt
+     deren Mindestbreite auf Mobile das Layout */
+  min-width: 0;
   height: 100vh;
   position: relative;
 }
@@ -261,6 +264,8 @@ async function send() {
 .guide-scroll {
   height: 100%;
   overflow-y: auto;
+  /* Kein horizontales Pannen der ganzen Seite — Code-Blöcke scrollen intern */
+  overflow-x: hidden;
   background: var(--bg-preview);
 }
 
@@ -270,6 +275,12 @@ async function send() {
   padding: 2rem 2.5rem 5rem;
 }
 
+@media (max-width: 600px) {
+  .guide-content {
+    padding: 1.25rem 0.9rem 4rem;
+  }
+}
+
 .guide-head {
   display: flex;
   align-items: baseline;
@@ -398,6 +409,8 @@ async function send() {
   border-radius: 4px;
   font-family: "SF Mono", Consolas, monospace;
   font-size: 0.85em;
+  /* Lange Bezeichner (Namespaces, Pfade) dürfen umbrechen statt zu überlaufen */
+  overflow-wrap: anywhere;
 }
 
 .markdown :deep(pre) {