/* BRALE: one slider/scrollbar style site-wide (2026-10-27).
   Thin 2px line: neutral track, thumb in the department colour (light variant on dark sections).
   Covers the custom bars (.cjs-scrollbar-*, Invest .bic__bar, blog .bbf-scroll-*) and native scrollbars inside content. */
:root{--sb-a:#C95629;--sb-a-dark:#CE6A43;--sb-t:rgba(21,18,17,.12);--sb-t-dark:rgba(249,247,245,.22)}
html[data-sb="bau"]{--sb-a:#F3B900;--sb-a-dark:#FBD663}
html[data-sb="energy"]{--sb-a:#7EC833;--sb-a-dark:#A9DD76}
html[data-sb="invest"]{--sb-a:#016198;--sb-a-dark:#6CBBE9}
html[data-sb="facility"]{--sb-a:#E0936E;--sb-a-dark:#FBD3C3}

/* custom bars */
html body .cjs-scrollbar-track,html body .cjs-scrollbar-wrapper > .cjs-scrollbar-track,
html body .bbf-scroll-wrap > .bbf-scroll-track,
html body .bic .bic__bar{
  height:2px!important;background:var(--sb-t)!important;border-radius:1px!important;overflow:visible!important;
  transform-origin:50% 100%;transition:transform .2s cubic-bezier(.23,1,.32,1)}
html body .cjs-scrollbar-wrapper > .cjs-scrollbar-track > .cjs-scrollbar-thumb,
html body .bbf-scroll-wrap > .bbf-scroll-track .bbf-scroll-thumb,
html body .bic .bic__bar span{
  height:100%!important;top:0!important;background:var(--sb-a)!important;border-radius:1px!important}
html body .cjs-scrollbar-wrapper > .cjs-scrollbar-track.sb-dark,html body .bbf-scroll-track.sb-dark{background:var(--sb-t-dark)!important}
html body .cjs-scrollbar-wrapper > .cjs-scrollbar-track.sb-dark > .cjs-scrollbar-thumb,html body .bbf-scroll-track.sb-dark .bbf-scroll-thumb{background:var(--sb-a-dark)!important}
/* bar on a surface in the department colour itself: ink thumb */
html body .cjs-scrollbar-wrapper > .cjs-scrollbar-track.sb-ink,html body .bbf-scroll-track.sb-ink{background:rgba(21,18,17,.15)!important}
html body .cjs-scrollbar-wrapper > .cjs-scrollbar-track.sb-ink > .cjs-scrollbar-thumb,html body .bbf-scroll-track.sb-ink .bbf-scroll-thumb{background:#151211!important}
/* bigger grab area without a bigger line */
html body .cjs-scrollbar-track::before{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
@media (hover:hover) and (pointer:fine){
  html body .cjs-scrollbar-wrapper:hover > .cjs-scrollbar-track,html body .cjs-scrollbar-track:active{transform:scaleY(2)}
}
/* the home projects bar sits above its cards */
html body .brale-proj-scroll-wrap > .cjs-scrollbar-track{transform-origin:50% 0}

/* native scrollbars inside content (lists, tables, scroll rows); hidden ones stay hidden */
body,html body .bd-list{scrollbar-color:var(--sb-a) var(--sb-t)}
body :where(*){scrollbar-width:thin}
body :where(*)::-webkit-scrollbar{width:4px;height:4px}
body :where(*)::-webkit-scrollbar-track{background:var(--sb-t);border-radius:2px}
body :where(*)::-webkit-scrollbar-thumb{background:var(--sb-a);border-radius:2px}
@media (prefers-reduced-motion:reduce){html body .cjs-scrollbar-track{transition:none}}