[data-archive-app-entry="removed"] {
  display: none !important;
}
[data-archive-app-entry="static"] {
  cursor: default !important;
}
[data-archive-app-entry="placeholder"] {
  cursor: default !important;
}
[data-archive-caption="static"] {
  translate: none !important;
  transform: none !important;
}
@view-transition {
  navigation: auto;
}
/* Elevate z-index so the header sits above page content, and name it
   for view-transition so it doesn't animate during page navigations.
   Do NOT override transform/opacity/visibility — the native Svelte
   header uses translateY(-100%) to hide on scroll-down and
   header-visible to show on scroll-up. Locking those breaks the
   native hide/show behavior and forces the white background bar to
   stay visible over light sections. */
@keyframes prevent-header-slide-in {
  0%, 100% {
    transform: translateY(0) !important;
  }
}
.sticky.top-0.h-0.w-full.z-30 {
  z-index: 50 !important;
}
header.header {
  z-index: 50 !important;
  view-transition-name: main-header;
  animation: prevent-header-slide-in 0.4s !important;
}

header.header > .grid {
  min-height: 36px;
}
::view-transition-group(main-header) {
  animation: none !important;
}
::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 0.16s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}