/* Reversible top-bar icon experiment. Sport section accents are untouched. */
.sports .sport>svg,.live-sports .live-sport>svg{color:var(--aqua)}
.sports .sport>svg path,.live-sports .live-sport>svg path{stroke-width:2.3}

/* A brief number lift replaces the card flash; colour and arrows carry direction. */
.odds.price-up,.odds.price-down{border-color:var(--line)}
.odds.selected.price-up,.odds.selected.price-down{border-color:var(--aqua)}

/* Only the destinations scroll. Demo controls remain within easy reach. */
.rail,.accepted-rail{overflow:hidden;padding-bottom:12px}
.rail-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.rail-scroll:focus-visible{outline:2px solid var(--aqua);outline-offset:-2px}
.rail .rail-bottom,.accepted-rail-bottom{flex-shrink:0;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);overscroll-behavior:contain}
.accepted-rail-bottom .rail-divider{display:none}
.accepted-rail-bottom p{margin-top:10px}
.rail-bottom [data-action="demo-settings"],.accepted-rail-bottom [data-action="demo-settings"]{color:var(--aqua);background:var(--raised)}
.rail .demo-label{font-size:9px;line-height:14px}
.rail .demo-label>span{display:block}
.sidebar-expanded .rail .demo-label,.navigation-content .demo-label{font-size:12px;line-height:20px}
.sidebar-expanded .rail .demo-label>span,.navigation-content .demo-label>span{display:inline}
.navigation-content{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1}
.navigation-content .rail-bottom{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);flex-shrink:0}
.navigation-content .rail-footnote{margin-top:10px}
.demo-settings section+section{margin-top:22px;padding-top:22px;border-top:1px solid var(--line)}
.demo-settings h3{font-size:16px;margin-bottom:8px}
.demo-settings p{font-size:13px;line-height:21px;margin-bottom:12px}
.demo-settings label{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}
.demo-settings select{display:block;width:100%;min-height:44px;padding:10px;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px}
.demo-settings .text-button{font-size:12px;display:inline-flex;align-items:center}
.demo-settings .demo-controls button{font-size:12px;min-height:40px}
@media(min-width:651px){body.sidebar-expanded:not(.page-match) .rail{padding-bottom:12px}}
@media(max-width:650px){.navigation-content{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}