blog styling

Signed-off-by: marblom007 <158522975+marblom007@users.noreply.github.com>

Author: marblom007

src/collections/blog/2026/03-09-why-claude-code-cant-find-your-tools/index.mdx

@@ -166,7 +166,7 @@ zsh -i -c 'which node'
   <p>Run <code>zsh -c 'which gh'</code> (no <code>-i</code> flag). If this fails but <code>which gh</code> in your normal terminal works, your PATH is only set in <code>{"~/.zshrc"}</code>. Move the relevant exports to <code>{"~/.zshenv"}</code> to fix it.</p>
 </Callout>
 
-<h2>The Fix: Move PATH Exports to <code>{"~/.zshenv"}</code></h2>
+<h2>The Fix: Move PATH Exports to ~/.zshenv</h2>
 
 <p>
   The solution is straightforward: any environment variable that must be visible to all processes — including non-interactive subshells — belongs in <code>{"~/.zshenv"}</code>, not <code>{"~/.zshrc"}</code>.
@@ -232,27 +232,27 @@ zsh -c 'which node'
 
 <Callout type="tip" title="Guiding principle">
   <p>If it is an environment variable that a program needs to find another program, it belongs in <code>{"~/.zshenv"}</code>. If it is a user-facing customization for your interactive terminal experience, it belongs in <code>{"~/.zshrc"}</code>.</p>
-
-  <p><strong>Keep in <code>{"~/.zshenv"}</code>:</strong></p>
-  <ul>
-    <li><code>PATH</code> exports and modifications</li>
-    <li><code>GOPATH</code>, <code>JAVA_HOME</code>, <code>PYTHONPATH</code>, <code>CARGO_HOME</code>, and similar tool-specific env vars</li>
-    <li><code>NVM_DIR</code>, <code>PYENV_ROOT</code>, <code>RBENV_ROOT</code> and their <code>PATH</code> injections</li>
-    <li><code>EDITOR</code>, <code>PAGER</code>, <code>LANG</code>, <code>LC_ALL</code></li>
-  </ul>
-
-  <p><strong>Keep in <code>{"~/.zshrc"}</code>:</strong></p>
-  <ul>
-    <li>Shell aliases (<code>alias ll='ls -la'</code>)</li>
-    <li>Prompt configuration (Starship, Powerlevel10k, oh-my-zsh)</li>
-    <li>Tab completion setup</li>
-    <li>Shell functions for interactive use</li>
-    <li>History settings</li>
-    <li><code>zsh</code> plugins and plugin managers</li>
-    <li>Anything that prints output (welcome messages, <code>neofetch</code>, etc.)</li>
-  </ul>
 </Callout>
 
+<p><strong>Keep in <code>{"~/.zshenv"}</code>:</strong></p>
+<ul>
+  <li><code>PATH</code> exports and modifications</li>
+  <li><code>GOPATH</code>, <code>JAVA_HOME</code>, <code>PYTHONPATH</code>, <code>CARGO_HOME</code>, and similar tool-specific env vars</li>
+  <li><code>NVM_DIR</code>, <code>PYENV_ROOT</code>, <code>RBENV_ROOT</code> and their <code>PATH</code> injections</li>
+  <li><code>EDITOR</code>, <code>PAGER</code>, <code>LANG</code>, <code>LC_ALL</code></li>
+</ul>
+
+<p><strong>Keep in <code>{"~/.zshrc"}</code>:</strong></p>
+<ul>
+  <li>Shell aliases (<code>alias ll='ls -la'</code>)</li>
+  <li>Prompt configuration (Starship, Powerlevel10k, oh-my-zsh)</li>
+  <li>Tab completion setup</li>
+  <li>Shell functions for interactive use</li>
+  <li>History settings</li>
+  <li><code>zsh</code> plugins and plugin managers</li>
+  <li>Anything that prints output (welcome messages, <code>neofetch</code>, etc.)</li>
+</ul>
+
 <h2>The Broader Pattern: Any Tool That Spawns Subshells</h2>
 
 <p>

src/collections/blog/Blog.style.js

@@ -56,6 +56,13 @@ export const BlogWrapper = styled.div`
       margin-right: 0rem;
     }
   }
+  h2,
+  h3 {
+    margin-bottom: 1rem;
+  }
+  h4 {
+    margin-bottom: 0.5rem;
+  }
   table {
     overflow-x: auto;
     display: block;