/* Keep wheel/touch/trackpad scrolling, but remove the visible scrollbar UI
   from every banner/modal surface. */
.infoCard,
.professionalView,
.profileView,
.capabilitiesView,
.experienceView,
.contactView,
.genericView,
.skillInsight,
.cookieDrawer,
.cookieDrawerInner{
  scrollbar-width:none !important;      /* Firefox */
  -ms-overflow-style:none !important;   /* legacy Edge/IE */
}
.infoCard::-webkit-scrollbar,
.professionalView::-webkit-scrollbar,
.profileView::-webkit-scrollbar,
.capabilitiesView::-webkit-scrollbar,
.experienceView::-webkit-scrollbar,
.contactView::-webkit-scrollbar,
.genericView::-webkit-scrollbar,
.skillInsight::-webkit-scrollbar,
.cookieDrawer::-webkit-scrollbar,
.cookieDrawerInner::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;              /* Chromium/Safari */
}

/* Give the right edge a little breathing room now that the scrollbar is gone. */
.infoCard{
  padding-right:clamp(24px,3.2vw,34px);
}

/* Scrolling stays fully functional, but no visual fade/pseudo-element is
   drawn at the bottom of banners. On mobile this affordance looked like a stray
   rectangular border and was visually inconsistent across content types. */
.infoCard.isScrollable::after,
.infoCard::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  border:0!important;
}