LCDL navigation shell concept

Goal

Replace the long generated left rail with a two-level navigation system:

1. A horizontal top nav with dropdowns for global movement.
2. A compact vertical accordion inside each top-level area.

Horizontal nav behavior

• Sticky top header.
• Brand: Forge LCDL with subtitle Governed LLM tasks.
• Dropdowns open on click and keyboard activation, not hover-only.
• Each dropdown contains 4–7 links and one optional “recommended next” note.
• Active top-level section is visually highlighted.
• Mobile: collapse into a drawer or offcanvas with the same groups.

Vertical active-section nav

• Only show pages from the current top-level section.
• Default state: active group open; sibling groups collapsed or hidden.
• Maximum visible items before scrolling: 8. If a section has more, link “More in this section” to its hub page instead of listing every leaf.
• Right rail On this page shows H2 only where supported; collapse below tablet width.

Anti-patterns

• No global flat list of every page.
• No contract pages in the primary rail.
• No nav labels truncated mid-meaning.
• No more than two nav systems competing at once.