revert: go back to simple tab style with accent underline

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: braboj

astro-site/src/styles/global.css

@@ -257,6 +257,7 @@ a:hover {
   top: var(--header-height);
   z-index: 99;
   background: var(--color-primary-dark);
+  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
 }
 
 .nav-toggle {
@@ -265,9 +266,7 @@ a:hover {
 
 .site-tabs {
   display: flex;
-  align-items: flex-end;
   padding: 0 var(--space-md);
-  padding-top: var(--space-xs);
   max-width: calc(var(--max-content) + 2 * var(--sidebar-width) + 2 * var(--space-xl));
   margin: 0 auto;
 }
@@ -278,23 +277,23 @@ a:hover {
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.04em;
-  padding: var(--space-xs) var(--space-sm);
+  padding: 0 var(--space-sm);
+  height: var(--tab-height);
   display: flex;
   align-items: center;
+  border-bottom: 2px solid transparent;
   white-space: nowrap;
-  border-radius: 4px 4px 0 0;
 }
 
 .site-tabs a:hover {
   color: #fff;
-  background: rgba(255, 255, 255, 0.1);
   text-decoration: none;
 }
 
 .site-tabs a.active {
-  color: var(--color-fg);
+  color: #fff;
   font-weight: 700;
-  background: var(--color-bg);
+  border-bottom: 3px solid var(--color-accent);
 }
 
 /* Three-column layout */