Improve 2col layout spacing and visual balance

- Add left/right padding to columns for better content inset
- Add margins and indentation to math elements
- Reduce column-gap from 2em to 1em for tighter spacing
- Add vspace utilities around code blocks for breathing room
- Improve comprehensive example slide layout
- Final dimensions: right column gets extra 150px padding for logo/pagination

1 files changed, 43 insertions, 0 deletions

diff --git a/demo-standard.md b/demo-standard.md
index 1e1ea75..6c14a17 100644
--- a/demo-standard.md
+++ b/demo-standard.md
@@ -89,6 +89,8 @@ $\text{idf}(t, D) = \log \frac{|D|}{|\{d \in D : t \in d\}|}$
 
 <div class="left-column">
 
+<div class="vspace-medium"></div>
+
 ```python
 def tfidf(term, doc, corpus):
     tf = term_frequency(term, doc)
@@ -104,6 +106,8 @@ print(f"TF-IDF: {score:.3f}")
 
 <div class="right-column">
 
+<div class="vspace-medium"></div>
+
 ```bash
 # Build presentation
 marp --theme acarp demo.md
@@ -208,6 +212,45 @@ Images can have custom spacing too.
 
 ---
 
+<!-- _class: layout-2col -->
+### Comprehensive Slide Example
+
+<div class="left-column">
+
+**Key Concepts:**
+- Grid-based layout
+- Explicit CSS contracts
+- No hidden behaviors
+
+**Simple latex math:**
+
+$\text{score} = \text{tf} \times \log\frac{|D|}{|d_t|}$
+
+**And code blocks:**
+
+```python
+def score(term, doc):
+    tf = freq(term, doc)
+    idf = log(N / df)
+    return tf * idf
+```
+
+</div>
+
+<div class="right-column">
+
+**2col mode for figs + txt**
+
+![width:350px](figs/example.png)
+
+![width:350px](figs/example.png)
+
+</div>
+
+<div class="cite">[Also with citation helper class!]</div>
+
+---
+
 ## Thank You
 
 This theme provides a clean, academic-focused foundation for your presentations.