fix: Improve story paragraph spacing and add text justification

- Change Redcarpet hard_wrap to false for proper paragraph rendering
- Increase paragraph margin to 2rem with !important
- Add text-align: justify for story content
- Increase section header spacing to 3rem top margin
- Force spacing with !important to override any conflicts

Author: rz1989s

app/helpers/works_helper.rb

@@ -5,7 +5,7 @@ def markdown(text)
     require "redcarpet"
 
     renderer = Redcarpet::Render::HTML.new(
-      hard_wrap: true,
+      hard_wrap: false,  # Don't convert line breaks to <br> - use proper paragraphs
       link_attributes: { target: "_blank", rel: "noopener" }
     )
 
@@ -14,7 +14,8 @@ def markdown(text)
       tables: true,
       fenced_code_blocks: true,
       strikethrough: true,
-      superscript: true
+      superscript: true,
+      space_after_headers: true  # Add space after headers
     )
 
     markdown.render(text).html_safe

app/views/works/show.html.erb

@@ -79,18 +79,20 @@
 
   /* Paragraphs - generous spacing for readability */
   .story-content p {
-    margin-bottom: 1.75rem;
+    margin-bottom: 2rem !important;
     line-height: 2;
     font-size: 1.125rem;
+    text-align: justify;
   }
 
   /* Bold text in paragraphs - acts as mini section headers */
   .story-content p strong {
     display: block;
     font-weight: 600;
-    margin-top: 2rem;
-    margin-bottom: 0.5rem;
+    margin-top: 3rem !important;
+    margin-bottom: 1rem !important;
     font-size: 1.25rem;
+    text-align: left;
   }
 
   /* Links */