improve layout and background clarity

Author: emp0ry

docs/styles.css

@@ -108,17 +108,20 @@ main section[id],
   top: 0;
   z-index: 20;
   backdrop-filter: blur(18px);
-  background: linear-gradient(180deg, rgba(8, 7, 18, 0.86), rgba(8, 7, 18, 0.5));
+  background: rgba(8, 7, 18, 0.97);
   border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+  overflow-x: clip;
 }
 
 .nav-shell {
+  position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 1rem;
   min-height: 86px;
   min-width: 0;
+  overflow: visible;
 }
 
 .brand {
@@ -1442,9 +1445,9 @@ main section[id],
 
   .site-nav {
     position: absolute;
-    top: calc(100% + 0.75rem);
-    right: 1rem;
-    left: 1rem;
+    top: calc(100% + 0.5rem);
+    right: 0;
+    left: 0;
     display: none;
     flex-direction: column;
     align-items: stretch;