Update website

main.css

@@ -411,7 +411,23 @@ a {
   }
 
   .site-nav {
-    gap: 12px;
+    width: 100%;
+    flex-direction: column;
+    align-items: stretch;
+    gap: 4px;
+  }
+
+  .site-nav > a,
+  .nav-trigger {
+    display: flex;
+    width: 100%;
+    align-items: center;
+    justify-content: space-between;
+    padding: 10px 0;
+  }
+
+  .nav-group {
+    width: 100%;
   }
 
   .hero-section {
@@ -446,10 +462,26 @@ a {
     grid-template-columns: 1fr;
   }
 
+  .nav-group:hover > .nav-panel,
+  .nav-group:focus-within > .nav-panel {
+    display: none;
+  }
+
+  .nav-group.is-open > .nav-panel {
+    display: grid;
+    gap: 8px;
+  }
+
   .nav-panel {
     position: static;
     min-width: 0;
+    width: 100%;
+    padding: 8px;
     box-shadow: none;
-    margin-top: 8px;
+    margin: 0 0 8px;
+  }
+
+  .nav-panel a {
+    padding: 10px 12px;
   }
 }