/* MHQ global performance/transition layer. Progressive enhancement only. */
@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: 110ms ease-out both mhq-page-out;
}

::view-transition-new(root) {
  animation: 170ms ease-out both mhq-page-in;
}

@keyframes mhq-page-out {
  from { opacity: 1; }
  to { opacity: .82; }
}

@keyframes mhq-page-in {
  from { opacity: .72; }
  to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}

/* Keep image decode work from blocking text/layout where supported. */
img {
  image-rendering: auto;
}

/* Explore MHQ modal: exactly one active scroll container.
   The page and dialog shell stay fixed; only the result list scrolls. */
html.premium-dialog-open,
html.premium-dialog-open body {
  overflow: hidden !important;
  overscroll-behavior: none;
}

.premium-search {
  overflow: hidden !important;
}

.premium-search[open] {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  height: min(80dvh, 720px);
}

.premium-search-results {
  min-height: 0;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

@media (max-width: 700px) {
  .premium-search[open] {
    height: 90dvh;
  }
}