/* Fix mobile Browse List clipping: render the dropdown as a viewport-fixed panel. */
@media (max-width: 780px){
  body.browse-list-open .ac{
    position: fixed !important;
    left: max(12px, env(safe-area-inset-left, 0px)) !important;
    right: max(12px, env(safe-area-inset-right, 0px)) !important;
    top: calc(var(--browse-list-top, 150px) + 8px) !important;
    width: auto !important;
    max-width: none !important;
    transform: none !important;
    max-height: calc(100dvh - var(--browse-list-top, 150px) - 20px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 1500 !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  body.browse-list-open .ac-section,
  body.browse-list-open .ac-title,
  body.browse-list-open .ac-subtitle,
  body.browse-list-open .ac-list,
  body.browse-list-open .ac-item{
    max-width: 100%;
    min-width: 0;
  }

  body.browse-list-open .ac-item{
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.browse-list-open .ac-issue,
  body.browse-list-open .ac-sub{
    overflow-wrap: anywhere;
  }
}