/* A child menu cannot escape the toolbar stacking context. Keep the page
   chooser above either compact panel and inside the visible editing area. */
@media (max-width: 1279px) {
  [data-site-editor-root] [data-editor-main-toolbar]:has([data-editor-page-picker-trigger][aria-expanded="true"]) { z-index: 160; }
  [data-site-editor-root] [data-editor-main-toolbar]:has([data-editor-page-picker-trigger][aria-expanded="false"]) [data-editor-page-menu] { pointer-events: none; }
  [data-site-editor-root] [data-editor-page-menu] {
    max-height: max(0px, min(36rem, calc(var(--editor-visual-viewport-height, 100dvh) - var(--editor-mobile-header-height, 57px) - var(--editor-mobile-bar-height) - 16px)));
    overscroll-behavior: contain;
    scroll-padding-block: 8px;
    scrollbar-gutter: stable;
  }
  /* The four named tabs and bottom Add toggle already identify this panel. */
  [data-site-editor-root] [data-editor-blocks-panel] div:has(> div > button[aria-label="Close Add Content"]) { display: none; }
}

/* Shared by Selected and Site font pickers, including portaled dialogs opened
   after the keyboard. Variables are owned/restored by EditorMobileViewport. */
@media (max-width: 1279px), (pointer: coarse) {
  [data-editor-font-library] {
    top: calc(var(--editor-portal-viewport-top, 0px) + var(--editor-portal-viewport-height, 100dvh) * .5);
    height: min(820px, max(0px, calc(var(--editor-portal-viewport-height, 100dvh) - 24px)));
    max-height: max(0px, calc(var(--editor-portal-viewport-height, 100dvh) - 24px));
    overscroll-behavior: contain;
  }
  [data-editor-font-library] :is(button, input, textarea) { min-height: 44px; }
  [data-editor-font-library] :is(input:not([type="range"]), textarea) { font-size: 16px; }
  [data-editor-font-library] > button:last-child {
    display: grid; place-items: center; min-width: 44px; top: 6px; right: 6px;
  }
  [data-editor-font-library] > div:has(> h2) { min-height: 56px; padding-inline-end: 60px; justify-content: center; }
  [data-editor-font-library] > div:has(input[aria-label="Search Fonts"]) {
    max-height: min(22rem, max(88px, calc(var(--editor-portal-viewport-height, 100dvh) - 300px)));
    overflow-y: auto; overscroll-behavior: contain; scroll-padding-block: 8px;
  }
  [data-editor-font-library] input[aria-label="Search Fonts"] { padding-inline-end: 56px; }
  [data-editor-font-library] button[aria-label="Clear Font Search"] { top: 0; right: 0; min-width: 44px; }
}
@media (max-width: 767px) {
  [data-editor-font-library] > div:has(> h2) > p { display: none; }
}