/* Independent scroll columns on desktop */

body.ff-indscroll .ff-layout{
  height: calc((var(--ff-vh) * 100) - 64px);
  padding-top: var(--ff-gap);
}
body.ff-indscroll .ff-sidebar,
body.ff-indscroll .ff-main{
  height: 100%;
}
body.ff-indscroll .ff-sidebar{
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter: stable;
}
body.ff-indscroll .ff-main{
  overflow:auto;
  overscroll-behavior:contain;
  /* Do not reserve a right gutter on desktop: it makes the main column look
     offset (right padding appears wider than the left) when scrollbars are hidden. */
  scrollbar-gutter: auto;
}
body.ff-indscroll .ff-main__inner{padding-bottom:120px}



/*
  Hide sidebar scrollbars (while keeping scroll).
  Reason: when one sidebar has enough content to overflow and the other doesn't,
  the visible scrollbar "steals" a few px and makes the feed offsets look uneven.
*/
body.ff-indscroll .ff-sidebar{
  scrollbar-width: none; /* Firefox */
}
body.ff-indscroll .ff-sidebar::-webkit-scrollbar{
  width:0; height:0; /* Chromium/WebKit */
}


body.ff-indscroll .ff-main{
  scrollbar-width: none;
}
body.ff-indscroll .ff-main::-webkit-scrollbar{
  width:0; height:0;
}

@media (max-width: 980px){
  body.ff-indscroll .ff-layout{height:auto}
  body.ff-indscroll .ff-main, body.ff-indscroll .ff-sidebar{overflow:visible; height:auto}
}