additional polish

ui/src/css/globals/_typography.scss

@@ -87,9 +87,10 @@ h6 {
 code {
   background-color: var(--guk-color-neutral-100); /* #f5f7fa */
   border-radius: var(--guk-border-rounded); /* 4px */
-  padding: var(--guk-space-1) var(--guk-space-2);
+  border: 1px solid var(--guk-color-neutral-200);
   font-family: var(--guk-font-family-monospace, monospace);
   font-size: 0.95em;
+  padding: 2px 4px;
 }
 
 /* Paragraphs and Lists */

ui/src/css/layout.scss

@@ -16,6 +16,7 @@
 .nav-heading {
   margin: .75rem 1.3rem;
   align-items: center;
+  text-transform: uppercase;
 }
 
 .nav-component-active {

ui/src/css/specific/navigation.scss

@@ -63,7 +63,7 @@
  }
 
 .nav-heading {
-  font-size: 1.2rem;
+  font-size: 1rem;
   font-weight: var(--guk-font-weight-semibold); /* Replaces var(--weight-medium) */
   font-family: var(--guk-font-family); /* Replaces var(--heading) */
  /* padding: 0 1rem; */

ui/src/css/toc.scss

@@ -23,7 +23,7 @@
 
 .toc-title {
   font-size: var(--guk-font-size-sm);
-  margin: 0;
+  margin-bottom: 16px;
   padding: 0;
   font-family: var(--guk-font-family); /* Replaces var(--heading) */
   color: var(--guk-color-neutral-900); /* Replaces var(--aluminum-5) */
@@ -36,7 +36,7 @@
   margin: 0.5rem 0 0;
   padding-top: var(--guk-space-1); /* 4px */
   padding-bottom: var(--guk-space-1);
-  padding-right: var(--guk-space-2); /* 8px */
+  padding-right: var(--guk-space-3); /* 8px */
   overflow: hidden;
   text-overflow: ellipsis;
   font-family: var(--guk-font-family); /* Replaces var(--sans-serif) */
@@ -54,6 +54,7 @@
 .toc a {
   color: inherit;
   text-decoration: none;
+  padding-right: 8px;
 
   &:hover {
     color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-2) */
@@ -62,4 +63,5 @@
 
 .toc .toc-menu li a.toc-active {
   color: var(--guk-color-neutral-900); /* Replaces var(--core-violet-4) */
+  font-weight: var(--guk-font-weight-semibold); /* Assuming bold weight */
 }