Hyphenate brand to match domain: {knowledge-as-code}

Matches the actual knowledge-as-code.com URL. Hyphens render as muted
separators, braces stay amber, identifiers stay emerald.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: snapsynapse

index.html

@@ -163,7 +163,7 @@
   }
   .brand .brace { color: var(--highlight); }         /* { } punctuation */
   .brand .kw    { color: var(--accent); }            /* identifiers */
-  .brand .dot   { color: var(--muted); padding: 0 1px; }  /* operator */
+  .brand .dash  { color: var(--muted); padding: 0 1px; }  /* hyphen separator */
   .brand .sp    { display: inline-block; width: 4px; }
   .nav-links { display: flex; align-items: center; gap: 22px; font-size: 14px; }
   .nav-links a { color: var(--muted); }
@@ -462,7 +462,7 @@
 
 <nav>
   <div class="nav-inner">
-    <div class="brand" aria-label="knowledge as code"><span class="brace">{</span><span class="sp"></span><span class="kw">knowledge</span><span class="dot">·</span><span class="kw">as</span><span class="dot">·</span><span class="kw">code</span><span class="sp"></span><span class="brace">}</span></div>
+    <div class="brand" aria-label="knowledge-as-code"><span class="brace">{</span><span class="sp"></span><span class="kw">knowledge</span><span class="dash">-</span><span class="kw">as</span><span class="dash">-</span><span class="kw">code</span><span class="sp"></span><span class="brace">}</span></div>
     <div class="nav-links">
       <a href="#what">What</a>
       <a href="#why">Why</a>