From 0114e006180feb2038837fdc70d90bb3d4400b54 Mon Sep 17 00:00:00 2001
From: Ben <ben@ben.us.com>
Date: Sun, 8 Mar 2026 14:01:36 -0700
Subject: [PATCH] style: Reduce site logo gap and split 'How Do You' text into
 individual spans.

---
 hdyc-svelte/src/app.css               | 2 +-
 hdyc-svelte/src/routes/+layout.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/hdyc-svelte/src/app.css b/hdyc-svelte/src/app.css
index b67f190..bd4ddfc 100644
--- a/hdyc-svelte/src/app.css
+++ b/hdyc-svelte/src/app.css
@@ -357,7 +357,7 @@ a:focus-visible {
 .site-logo {
   display: flex;
   align-items: center;
-  gap: 0.5rem;
+  gap: 0.3rem;
   text-decoration: none;
   color: var(--text);
   font-weight: 800;
diff --git a/hdyc-svelte/src/routes/+layout.svelte b/hdyc-svelte/src/routes/+layout.svelte
index 74404c6..3648dd5 100644
--- a/hdyc-svelte/src/routes/+layout.svelte
+++ b/hdyc-svelte/src/routes/+layout.svelte
@@ -481,7 +481,7 @@
       </button>
     {/if}
     <a href="/" class="site-logo">
-      <span>How Do You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span>
+      <span>How</span><span>Do</span><span>You</span><span class="logo-accent">Convert</span><span class="logo-domain">.com</span>
     </a>
   </div>
   <div class="header-right">