Clean up 2-column spacing: remove column gap, fix padding symmetry, remove redundant rules

1 files changed, 31 insertions, 20 deletions

diff --git a/acarp.css b/acarp.css
index 6d6b3e1..3db0429 100644
--- a/acarp.css
+++ b/acarp.css
@@ -172,6 +172,11 @@ pre {
   position: relative;
 }
 
+/* Hide scrollbar when pre is inside a width-constrained container */
+div[style*="max-width"] pre {
+  overflow-x: hidden;
+}
+
 /* Add subtle background pattern for code blocks */
 pre::before {
   content: '';
@@ -345,8 +350,15 @@ section.title {
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  min-height: 100vh;
+  height: 100%;
+  width: 100%;
   box-sizing: border-box;
+  position: relative;
+}
+
+/* Wrapper for title content to ensure proper centering */
+section.title > * {
+  flex: 0 0 auto;
 }
 
 section.title > h1 {
@@ -371,6 +383,16 @@ section.title > img {
   height: auto;
 }
 
+/* Ensure proper title slide alignment in fullscreen mode */
+div.marpit > svg > foreignObject > section.title,
+svg.marpit > foreignObject > section.title,
+.marpit svg > foreignObject > section.title {
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-items: center;
+}
+
 /* ============================================================================
    LAYOUT: layout-2col
    
@@ -400,8 +422,8 @@ section.layout-2col {
     "title title"
     "left right"
     "buffer buffer";
-  row-gap: 0.8em;
-  column-gap: 1em;
+  row-gap: 1em;
+  column-gap: 0;
   padding: 0;
   height: 100%;
   width: 100%;
@@ -412,33 +434,30 @@ section.layout-2col > h1:first-child,
 section.layout-2col > h2:first-child,
 section.layout-2col > h3:first-child {
   grid-area: title;
-  padding: 30px var(--padding) 0;
-  margin: 0 0 10px 0;
+  padding: 30px 70px 0 70px;
+  margin: 15px 0 0;
   position: static;
 }
 
 section.layout-2col .left-column {
   grid-area: left;
-  padding: 0 1.5em 0 var(--padding);
+  padding: 0 1em 0 70px;
   min-height: 0;
 }
 
 section.layout-2col .right-column {
   grid-area: right;
-  padding: 0 150px 0 1.5em;
+  padding: 0 150px 0 1em;
   min-height: 0;
 }
 
 section.layout-2col::after {
   position: absolute;
-  bottom: 0;
-  right: 0;
+  bottom: 30px;
+  right: 70px;
   color: #888888 !important;
   font-size: 18px !important;
   font-family: 'EB Garamond', 'Times New Roman', serif !important;
-  grid-area: unset;
-  padding: 30px var(--padding);
-  margin: 0;
 }
 
 section.layout-2col img {
@@ -572,12 +591,4 @@ section pre code .hljs-string,
 }
 
 
-/* ============================================================================
-   LAYOUT: default (no class)
-   
-   Simple single-column layout - just use normal document flow.
-   ============================================================================ */
 
-section:not(.title):not(.layout-2col) {
-  padding: 30px var(--padding);
-}