From 86752d1f23a732368942840a55befa6cbb2cb2ee Mon Sep 17 00:00:00 2001
From: Sam Scholten
Date: Thu, 27 Nov 2025 16:12:56 +1100
Subject: Clean up 2-column spacing: remove column gap, fix padding symmetry,
 remove redundant rules

---
 acarp.css | 51 +++++++++++++++++++++++++++++++--------------------
 1 file changed, 31 insertions(+), 20 deletions(-)

(limited to 'acarp.css')

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);
-}
-- 
cgit v1.2.3