fix(nav): Stack title and navigation vertically

User preference: title on line 1, all nav items on line 2

Changes:
- flex-direction: column (vertical stacking)
- align-items: center (center both title and nav)
- justify-content: center on nav
- 16px gap between title and nav
- Adjusted padding: 20px top, 16px bottom

Result: Clean centered layout with title above navigation

Author: Scott Senkeresty

static/css/style.css

@@ -26,7 +26,7 @@ body {
 /* Site Header & Navigation */
 .site-header {
     background: #111;
-    padding: 24px 0;
+    padding: 20px 0 16px 0;
     margin-bottom: 0;
     box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 }
@@ -36,17 +36,17 @@ body {
     margin: 0 auto;
     padding: 0 40px;
     display: flex;
-    justify-content: space-between;
+    flex-direction: column;
     align-items: center;
-    gap: 40px;
+    gap: 16px;
 }
 
 .site-title {
     margin: 0;
     font-size: 20px;
     font-weight: 600;
     line-height: 1.3;
-    flex-shrink: 0;
+    text-align: center;
 }
 
 .site-title a {
@@ -63,8 +63,9 @@ body {
 
 .main-nav {
     display: flex;
-    gap: 28px;
+    gap: 32px;
     align-items: center;
+    justify-content: center;
     flex-wrap: wrap;
 }