/* Keep usable search and navigation on small desktop and tablet widths. */
@media (min-width:1024px) and (max-width:1279px) {
 .eclopidia-shared-header nav[aria-label="Main navigation"] { display:none; }
 .eclopidia-shared-header button[aria-controls="mobile-navigation"] { display:inline-flex; }
 .eclopidia-shared-header .eclopidia-shared-menu-overlay { display:block; }
}

/* Keep the shared compact navigation practical for touch and keyboard users. */
.eclopidia-shared-header button[aria-controls="mobile-navigation"],#mobile-navigation button[aria-label="Close navigation menu"]{min-width:48px;min-height:48px;align-items:center;justify-content:center}
#mobile-navigation button[aria-label="Close navigation menu"]{display:flex}
#mobile-navigation :is(input,a){min-height:48px}
.eclopidia-shared-header button[aria-controls="mobile-navigation"]:focus-visible,#mobile-navigation :is(button,input,a):focus-visible{outline:3px solid #276b50;outline-offset:3px}

/* The navigation dialog owns interaction while open; keep its background assistant out of the way. */
body:has(#mobile-navigation) [data-eclopidia-guide]{visibility:hidden;pointer-events:none}

/* Existing account logout, with the shared forest-green keyboard focus. */
.eclopidia-shared-header [data-ecl-account-signout]:focus-visible{outline:3px solid #276b50;outline-offset:3px;box-shadow:none}

/* The open site menu must sit above map camera controls and record sheets. */
.eclopidia-shared-header:has(#mobile-navigation){z-index:100;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Desktop anonymous account links match the shared 48px controls. */
.eclopidia-shared-header a:is([href="/login"],[href="/signup"]){min-height:48px}
.eclopidia-shared-header a:is([href="/login"],[href="/signup"]):focus-visible{outline:3px solid #276b50;outline-offset:3px;box-shadow:none}