/* ========================================================================== Primary navigation — rooms, mega-menu, and the drawer it becomes Converted from design-reference/showroom-floor.css §3. One set of markup, two presentations. From 1024px each room is a disclosure button with a full-width panel dropped under the header; below that the same list is a full-screen drawer and the same panels are accordions. Rendering it twice and hiding a copy would double the header's markup on every page and give a screen reader two navigations to tell apart. The panel's collection name is set in the display face at 20px in the export, under the 28px floor CLAUDE.md holds display type to; it takes the body face here, as the room landing page's tile name already did. Three of the export's values had no token and are converted rather than copied: the 28px row gap is step--28, the 10px link gap is step--12, and the 6px meta offset is step--8. The export's own `--space-5` is undefined in its token block and falls back to 40px, which is not a step in this scale; the header row uses spacing--40 (32px). Recorded in design-reference/README.md. The export opens a panel on `:focus-within`. That is not carried over — see assets/js/primary-nav.js for why a menu that opens on focus alone is a trap for the keyboard users it is supposed to help. Hover still opens, on devices that have a pointer. ========================================================================== */ /* * The template part's own wrapper. It exists because CLAUDE.md's map asks for * parts/mega-menu.html, and it should contribute nothing to the header row — * the