/* ============================================================ * Shared page nav + global design tokens. * Claude Desktop 風 persistent sidebar + モダン UI primitives. * * 状態はの class で管理. inline script (各 HTML head) で * paint 前に状態を確定するため FOUC なし. * * - 全 viewport で hamburger 常時表示 (画面左上端) * - .nav-menu は左側 fixed sidebar * - toggle button で開閉, 状態は localStorage で永続化 (auto-close なし) * - PC / iPad横 (>=768px): sidebar open 時に body を 280px 右に push (双方向 transition) * - スマホ (<768px): sidebar は content の上に overlay (push しない) + scrim + scroll lock * - html.no-transitions で初回 paint まで transition を抑止 (flicker 防止) * - prefers-reduced-motion 対応で transition は無効化 * ============================================================ */ /* CRITICAL-START * このコメント markers (CRITICAL-START / CRITICAL-END) 間の CSS は * server.js の HTML 注入 middleware が起動時に抽出 → minify → 各 HTML * response のに