/* Mobile scroll hotfix: the sidebar may set body.style.overflow='hidden'.
   On phones the backdrop already captures interaction, so vertical document
   scrolling must never remain locked after navigation/menu transitions. */
@media (max-width: 760px) {
  html {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: auto !important;
  }

  body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 100dvh !important;
    height: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: auto !important;
  }

  #root,
  .portal,
  .content {
    min-height: 100dvh;
    height: auto !important;
    overflow-y: visible !important;
  }

  /* Standalone fixed pages (subscriptions/blog) keep their own scroll area. */
  .dap-addon-page {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }
}