/* Shared by source builds and the small production compatibility release.
   Keep the prefixed filter for Safari versions before unprefixed support. */
html:not([data-site-theme="pjsk"]) .sidebar {
  background: var(--sidebar-surface, var(--surface-glass)) !important;
  -webkit-backdrop-filter: blur(24px) saturate(135%);
  backdrop-filter: blur(24px) saturate(135%);
}

/* Preserve the Android vendor-kernel workaround without affecting iOS or
   touch-enabled desktop browsers. CSS feature detection still runs below. */
@media (hover: none) and (pointer: coarse) {
  html[data-navigation-platform="android"]:not([data-site-theme="pjsk"]) {
    --sidebar-surface: rgba(255,255,255,.96);
  }
  html.dark[data-navigation-platform="android"]:not([data-site-theme="pjsk"]) {
    --sidebar-surface: rgba(15,23,42,.96);
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html:not([data-site-theme="pjsk"]) .sidebar { background: var(--surface) !important; }
}
@media (prefers-reduced-transparency: reduce) {
  .sidebar, .topbar.site-navigation {
    --sidebar-surface: var(--surface);
    background: var(--surface) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}