/* NavRail — the page nav (.page-nav) gets a bare chevron arrow + 24px edge fade on
   the scrollable side (Longbridge quote-page style). The overlays are ALWAYS shown
   on the scrollable side (opacity toggles via .is-visible as the nav scrolls), never
   hover-revealed. The chevron has NO circle frame — just a bare 20px icon on a white
   pad.

   Trigger: .page-nav. The JS companion (output/js/clarity/nav-rail.js) wraps the nav
   in .nav-rail-wrap and appends .nav-rail-side overlays as siblings of the nav, so
   they stay pinned to the nav edges instead of scrolling with the content. */
body.clarity .nav-rail-wrap{position:relative;max-width:1400px;margin-left:auto;margin-right:auto}
/* Market-page nav sticks below the 80px masthead while panel content scrolls under
   (matches Longbridge's sticky markets tabs). Stock navs stay static. */
body.clarity .nav-rail-wrap:has(.page-nav-market){position:sticky;top:80px;z-index:40;background:#fff}
body.clarity .nav-rail-wrap .page-nav{max-width:none;margin-left:0;margin-right:0}
.nav-rail-side{position:absolute;top:0;bottom:0;z-index:2;display:flex;align-items:stretch;opacity:0;pointer-events:none;transition:opacity .2s ease}
.nav-rail-side.is-visible{opacity:1;pointer-events:auto}
.nav-rail-side-left{left:0}
.nav-rail-side-right{right:0}
/* The chevron shares the tabs' 8px/14px vertical rhythm so its centre lands on the
   tab label's centre line (Longbridge measures 8px 0 14px with a 4px inner edge). */
.nav-rail-btn{display:flex;align-items:center;justify-content:center;width:24px;height:100%;box-sizing:border-box;padding:8px 0 13px;border:0;border-radius:0;background:#fff;color:#696e77;cursor:pointer}
.nav-rail-side-left .nav-rail-btn{padding-left:4px}
.nav-rail-side-right .nav-rail-btn{padding-right:4px}
.nav-rail-btn:hover{color:#070a13}
.nav-rail-btn:focus-visible{outline:2px solid #696e77;outline-offset:-2px}
.nav-rail-btn svg{width:20px;height:20px;display:block}
.nav-rail-fade{width:24px;height:100%;flex:none;pointer-events:none}
.nav-rail-fade-left{background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.nav-rail-fade-right{background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}