@import "tokens/fonts.css"; @import "tokens/colors.css"; @import "tokens/typography.css"; @import "tokens/spacing.css"; @import "tokens/base.css"; /* Shared shell: magnetic nav rail — one red line resting under the active page link that glides to whatever the cursor or keyboard focus is on, and returns home when you leave the nav. The rail lives on (outside the rendered tree) and is driven by the rail script in _ds_bundle.js; without JS the active link's static line remains (graceful fallback via body.rail-on). */ .hd-nav-rail{position:fixed;left:0;top:0;height:3px;width:100px;background:var(--red);transform-origin:left center;transition:transform 320ms cubic-bezier(0.22,1,0.36,1);pointer-events:none;z-index:101} body.rail-on .hd-nav a{border-bottom-color:transparent!important} @media (prefers-reduced-motion: reduce){.hd-nav-rail{transition:none!important}} @media (max-width:960px){.hd-nav-rail{display:none}}