# Sidebar

The primary nav inside dense products: 240px, collapsing to 48px icons.

**Consumer provides:** Section headers, items with icon + label, at most two levels.

```html
<nav class="fdt-sidebar" aria-label="Primary"><div class="fdt-side-head">Operations</div><a class="fdt-side-item" aria-current="page"><svg class="fdt-icon">…</svg>Tracks</a></nav>
```

- Active: `navy-700`, 2px `electric-500` left rule with glow, `fog-100`.
- Nested items indent with a `navy-600` guide line.