Fix text overflow with left/right positioning for absolutely positioned div

Co-authored-by: ulysses4ever <[email protected]>

Author: Copilot

docs/assets/css/dark-mode.css

@@ -155,12 +155,15 @@ body.dark-mode #newsplash::before {
 }
 
 /* Ensure content is above the overlay and constrain width to prevent overflow */
-/* Parent container is 880px, using 860px provides 20px margin for proper text wrapping */
-body.dark-mode #newsplash > div {
-    position: relative;
+/* The text div is absolutely positioned, so we need to constrain it with explicit left/right */
+/* Parent container is 880px wide, text should wrap within it with proper margins */
+body.dark-mode #newsplash > div[style*="position:absolute"] {
+    position: absolute !important; /* Keep original positioning */
     z-index: 1;
-    max-width: 860px; /* Allow wrapping on smaller screens */
-    width: 100%;
+    left: 0 !important;
+    right: 20px !important; /* 20px margin on the right to prevent overflow */
+    padding-left: 20px; /* Match the left padding to keep text centered */
+    padding-right: 20px; /* Additional padding for safety */
     box-sizing: border-box;
 }