<%# Recursive nav tree. Each node: { label, href?, icon?, count?, current?, open?, children? }. Shape is orthogonal: header (children → disclosure toggle + nested

) vs static (). Mirrors the html-css-foundation markup; the CSS reveals children only when the sibling .nav-disc is [open]. `root` picks the outer class. %><% const nodes = locals.nodes || []; const root = locals.root !== false; -%>

<% if (header) { -%>
>

<% } else { -%> <% } -%> <<%= tag %> class="nav-self"<% if (node.href) { %> href="<%= node.href %>"<% } %><% if (node.current) { %> aria-current="page"<% } %>><% if (node.icon) { %><% } %><%= node.label %><% if (node.count != null) { %><%= node.count %><% } %>>
<% if (header) { -%> <%- include("nav-tree", { nodes: node.children, root: false }) %> <% } -%>