diff --git a/public/index.html b/public/index.html
index 2132592..0bfeeaf 100644
--- a/public/index.html
+++ b/public/index.html
@@ -44,7 +44,7 @@ nav .container { display: flex; align-items: center; justify-content: space-betw
.btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
/* Code block */
-.code-section { margin: 56px auto 0; max-width: 660px; text-align: left; }
+.code-section { margin: 56px auto 0; max-width: 660px; text-align: left; display: flex; flex-direction: column; }
.code-header { display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; background: #1a1f2b; border: 1px solid var(--border); border-bottom: none; border-radius: var(--radius) var(--radius) 0 0; }
.code-dots { display: flex; gap: 6px; }
.code-dots span { width: 10px; height: 10px; border-radius: 50%; }
@@ -180,13 +180,18 @@ html, body {
}
/* Force any wide elements to fit */
- pre, code, .code-block, .code-section {
+ pre, code, .code-block {
max-width: calc(100vw - 32px) !important;
overflow-wrap: break-word !important;
word-break: break-all !important;
white-space: pre-wrap !important;
overflow-x: hidden !important;
}
+ .code-section {
+ max-width: calc(100vw - 32px) !important;
+ overflow-x: hidden !important;
+ white-space: normal !important;
+ }
}
/* Recovery modal states */