/* ════════════════════════════════════════════════════════════════════ Floating Nav — collapsible case-study sidebar ──────────────────────────────────────────────────────────────────── Two independent icon-only buttons anchored top-left of the viewport. On hover, each expands: a hover background appears (macOS-style soft pill) and the label types in letter-by-letter from left to right, pushing whatever sits to its right. The "Outline" button toggles a popover with the case-study's section links. Activated by `body.case-floating-nav`. Without that class, none of these rules apply, so pages that haven't opted in still use the legacy left-rail sidebar. To revert from a page: - Remove `case-floating-nav` from - Remove the to this CSS - Remove the .case-fn-toolbar + .case-fn-popover markup - Remove the floating-nav.js