Touch-first tree navigation rendering nav-item refs — the mobile drill-down drawer menu (Duke-Energy style) and accordion tree nav. Variants: Default (drill-down panel stack: root list of items slides to a per-item panel with a '‹ Main Menu' back row, the item's overview link, and its groups as headed sections of link rows — pick for hamburger drawer menus with sub-levels) and Accordion (branch items expand in place beneath their row — pick for shallow menus or sidebar navs). Uses the same nav-item@1 Items treelist as main-nav, so one nav tree drives both the desktop strip and the mobile menu; compose this inside mobile-menu's placeholder for the hamburger drawer. Rows support hairline separators, role-tone label color (LinkColorScheme primary = classic blue utility rows), and an accent start-bar on the row matching the current page. For the desktop hover mega-menu use main-nav; for flat link stacks use link-list.

• src/components/registry/components/navigation/tree-navigation.tsx→components/registry/components/navigation/tree-navigation.tsx
• src/components/registry/components/navigation/tree-navigation.recipe.ts→src/recipes/tree-navigation.recipe.ts