# TopNav

The global anchor: wordmark, 3–6 links, search, notifications and the user menu.

**Consumer provides:** The product wordmark, links in title case and the right-side controls.

```html
<nav class="fdt-topnav" aria-label="Main"><a class="fdt-brand">FDT</a><div class="fdt-navlinks"><a class="fdt-navlink" aria-current="page">Programs</a>…</div></nav>
```

- 56px desktop, 48px mobile. Links `steel-300`, hover `fog-100`.
- Active link `electric-300` with a 2px `electric-500` rule and glow.
- More than 6 items means a sidebar surface.