Move the site-header styles to site_header.css

assets/css/010_structure.css

@@ -79,39 +79,6 @@ img {
   }
 }
 
-
-.site-header {
-  border-bottom: 3px solid var(--gray6);
-}
-
-.site-header__container {
-  align-items: baseline;
-  display: flex;
-
-  .site-header__nav {
-    ul {
-      display: flex;
-      list-style: none;
-
-      li {
-        margin: 0;
-        padding: 0;
-      }
-
-      li:not(:last-child)::after {
-        content: "•";
-      }
-    }
-  }
-}
-
-.site-header__container,
-.site-footer__container {
-  margin-inline: auto;
-  max-width: var(--content-width);
-}
-
-
 .content-term-list {
   display: flex;
   list-style: none;

assets/css/099_site_header.css

@@ -2,14 +2,44 @@
  # COMPONENT: SITE HEADER
  *************************/
 
+.site-header {
+  border-bottom: 3px solid var(--gray6);
+}
+
 .site-header__container {
+  align-items: baseline;
+  display: flex;
+  gap: var(--space-l);
+
   .site-header__title {
     font-family: var(--font-family-heading);
+    font-size: var(--text-l);
+    font-weight: 600;
+    letter-spacing: 0.05em;
+
+    a:hover {
+      text-decoration: none;
+    }
   }
 
   .site-header__nav {
     font-size: smaller;
     font-weight: normal;
+
+    ul {
+      display: flex;
+      list-style: none;
+      padding-inline: 0;
+
+      li {
+        margin: 0;
+        padding: 0;
+      }
+
+      li:not(:last-child)::after {
+        content: "•";
+      }
+    }
   }
 }