feat(nav): complete Tier 1 hierarchical navigation

Add config option [nav] nested (defaults false), update base.html
template with nested nav rendering, and add .nav-children CSS styling
for indented section children.

- Add NavConfig struct with nested: bool
- Template renders item.children in .nav-children div
- CSS: left border + indent for nested items

docs/site.toml

@@ -7,3 +7,6 @@ content   = "content"
 output    = "public"
 static    = "static"
 templates = "templates"
+
+[nav]
+nested = true

docs/static/style.css

@@ -94,6 +94,19 @@ body {
   color: var(--bg);
 }
 
+.sidebar .nav-children {
+  margin-left: 1rem;
+  padding-left: 0.5rem;
+  border-left: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+.sidebar .nav-children a {
+  font-size: 0.9rem;
+}
+
 .sidebar-footer {
   margin-top: auto;
   padding-top: 1rem;

docs/templates/base.html

@@ -34,8 +34,17 @@
       </label>
     </header>
     <nav>
-      {% for item in nav %}<a href="{{ prefix }}{{ item.path }}" {% if page_path==item.path %} class="active" {% endif
-        %}>{{ item.label }}</a>{% endfor %}
+      {% for item in nav %}
+      <a href="{{ prefix }}{{ item.path }}" {% if page_path==item.path %}class="active" {% endif %}>{{ item.label }}</a>
+      {% if config.nested_nav and item.children %}
+      <div class="nav-children">
+        {% for child in item.children %}
+        <a href="{{ prefix }}{{ child.path }}" {% if page_path==child.path %}class="active" {% endif %}>{{ child.label
+          }}</a>
+        {% endfor %}
+      </div>
+      {% endif %}
+      {% endfor %}
     </nav>
     <footer class="sidebar-footer">
       <a href="https://github.com/nrdxp/sukr">GitHub</a>