fix: titlebar

src/App.tsx

@@ -250,13 +250,16 @@ function App() {
               end
               className={({ isActive }) => `nav-link${isActive ? " nav-link-active" : ""}`}
             >
-              Articles
+              articles
             </NavLink>
+            <span className="nav-separator" aria-hidden="true">
+              //
+            </span>
             <NavLink
               to={ARTIFACTS_PATH}
               className={({ isActive }) => `nav-link${isActive ? " nav-link-active" : ""}`}
             >
-              Artifacts
+              artifacts
             </NavLink>
           </nav>
         </div>

src/styles.css

@@ -118,10 +118,9 @@ a:hover {
 .site-nav {
   display: flex;
   align-items: center;
-  gap: 18px;
+  gap: 10px;
   font-size: 0.8rem;
   letter-spacing: 0.08em;
-  text-transform: uppercase;
 }
 
 .nav-link {
@@ -136,6 +135,10 @@ a:hover {
   border-bottom-color: #111111;
 }
 
+.nav-separator {
+  color: #444444;
+}
+
 .content {
   max-width: 100%;
 }