🎨 TOC moves out of the screen because of related articles

assets/css/compiled/main.css

@@ -1609,6 +1609,10 @@ select {
   margin-bottom: 0.625rem;
 }
 
+.mb-20 {
+  margin-bottom: 5rem;
+}
+
 .mb-3 {
   margin-bottom: 0.75rem;
 }

layouts/_default/single.html

@@ -58,7 +58,9 @@
     {{ end }}
   
   </header>
+  
   <section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
+    
     {{ if or (and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in
     .TableOfContents "<ul")) (.Site.Params.article.showRelatedPosts | default false) }} <div
       class="order-first sm:max-w-prose lg:ml-auto px-0 lg:order-last lg:max-w-xs ltr:lg:pl-8 rtl:lg:pr-8">
@@ -70,11 +72,18 @@
           default false }} sd {{ end }} </div>
       </div>
       {{ end }}
-      <div class="min-w-0 min-h-0 max-w-prose">
+
+      <div class="min-w-0 min-h-0 max-w-fit">
+        
         {{ partial "series.html" . }}
-        {{ .Content | emojify }}
-        </br></br>
+
+        <div class="max-w-prose mb-20">
+          {{ .Content | emojify }}
+        </div>
+                
         {{ partial "series-closed.html" . }}
+        {{ partial "sharing-links.html" . }}
+        {{ partial "related.html" . }}  
       </div>
      
      <script>
@@ -88,11 +97,6 @@
     </section>
   <footer class="pt-8 max-w-prose print:hidden">
 
-    
-    {{ partial "sharing-links.html" . }}
-
-    {{ partial "related.html" . }}
-
     {{ partial "article-pagination.html" . }}
     {{ if .Params.showComments | default (.Site.Params.article.showComments | default false) }}
     {{ if templates.Exists "partials/comments.html" }}