/* Sticky header styles */
html.pf-sticky-on body{ padding-top: var(--pf-header-h, 0); }
.pf-sticky-el{
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 10000;
  will-change: transform;
  transition: transform .2s ease-in-out, box-shadow .2s ease-in-out, background-color .2s ease-in-out;
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
  background-color: rgba(255,255,255,.98);
  backdrop-filter: saturate(180%) blur(6px);
}
html.pf-sticky-hide .pf-sticky-el{ transform: translateY(-100%); }
@media (prefers-color-scheme: dark){
  .pf-sticky-el{ background-color: rgba(20,20,20,.92); }
}