.site-nav { display: inline-flex; gap: 28px; list-style: none; margin: 0; padding: 0; }
.site-nav a {
  text-decoration: none;
  color: var(--color-text-primary, #111827);
}
.site-nav a[aria-current='page'] {
  color: var(--color-primary, #2563eb);
  font-weight: 600;
}
.site-nav li { position: relative; }
.site-nav .has-submenu > .submenu { display: none; position: absolute; top: 100%; left: 0; background: var(--color-surface, #ffffff); border: 1px solid var(--color-border, #e5e7eb); min-width: 140px; padding: 8px 0; list-style: none; margin: 0; z-index: 10; }
.site-nav .has-submenu:hover > .submenu, .site-nav .has-submenu:focus-within > .submenu { display: block; }
.site-nav .submenu a { display: block; padding: 8px 16px; white-space: nowrap; }
.site-nav .submenu a:hover { background: #f3f4f6; }