fix(nav): style browse menu entry as destination pill

Keep the Browse nav item visually distinct from utility icon buttons by adding a dedicated class path in the header partial and matching pill styles in layout CSS.

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: rcastley

assets/css/layout.css

@@ -110,6 +110,31 @@
   background: var(--gradient-accent);
 }
 
+/* Browse menu entry is a destination pill (not a utility icon button). */
+.nav__link--browse {
+  display: inline-flex;
+  align-items: center;
+  height: 2.25rem;
+  padding: 0 0.95rem;
+  border: 1px solid var(--color-border-strong);
+  border-radius: 999px;
+  color: var(--color-ink);
+  font-weight: 600;
+  line-height: 1;
+}
+.nav__link--browse:hover {
+  color: var(--color-accent-text);
+  border-color: var(--color-accent);
+}
+.nav__link--browse.is-active::after {
+  content: none;
+}
+.nav__link--browse.is-active {
+  color: var(--color-accent-text);
+  border-color: var(--color-accent);
+  background: color-mix(in oklab, var(--color-accent) 8%, transparent);
+}
+
 /* ---- Language switcher ---- */
 .lang-switch {
   position: relative;

layouts/_partials/chrome/header.html

@@ -17,14 +17,23 @@
 
     <nav class="nav" aria-label="Primary">
       {{- range site.Menus.main }}
+        {{- $classes := slice "nav__link" -}}
+        {{- if $.IsMenuCurrent "main" . -}}
+          {{- $classes = $classes | append "is-active" -}}
+        {{- end -}}
+        {{- with .Page -}}
+          {{- if eq .Layout "browse" -}}
+            {{- $classes = $classes | append "nav__link--browse" -}}
+          {{- end -}}
+        {{- end -}}
         {{- /* Page-backed menu entries (added via `[menu.main]` in a page's
                front matter) report .URL as the page's RelPermalink, which
                is already an absolute path INCLUDING baseURL prefix and
                language subdir. Passing that through site-href would
                relLangURL it a second time and produce a doubled URL
                (`/repo/en/repo/en/foo/`). Use .Page.RelPermalink directly
                in that case and only run site-href on URL-only entries. */ -}}
-        <a class="nav__link {{ if $.IsMenuCurrent "main" . }}is-active{{ end }}" href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ partial "site-href.html" .URL }}{{ end }}">{{ .Name }}</a>
+        <a class="{{ delimit $classes " " }}" href="{{ with .Page }}{{ .RelPermalink }}{{ else }}{{ partial "site-href.html" .URL }}{{ end }}">{{ .Name }}</a>
       {{- end }}
       <button class="site-search-trigger" type="button" data-search-trigger aria-label="{{ i18n "searchTrigger" }}" aria-haspopup="dialog">
         <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>