/* 0.4.5: shell controls outside #root; scoped selectors leave React dialogs untouched. */
#meato-local-banner{position:sticky;top:0;top:env(safe-area-inset-top,0px);z-index:30;
 box-sizing:border-box;margin:8px 12px 0;padding:12px 16px;border:1px solid #d5b184;border-radius:14px;
 background:#173f34;color:#fff;box-shadow:0 4px 16px #0002;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;
 font:600 14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;}
#meato-local-banner .meato-mode-info{flex:1 1 260px;min-width:0;display:flex;gap:4px 18px;flex-wrap:wrap;align-items:center}
#meato-local-banner .meato-mode-label,#meato-network-banner .meato-mode-label{font-weight:800;letter-spacing:.4px;color:#fff;white-space:normal}
#meato-local-status{font-size:13px;color:#fff1d2;overflow-wrap:anywhere;}
#meato-local-banner .meato-close-local{display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 padding:8px 16px;box-sizing:border-box;border:1px solid #e0a17f;border-radius:10px;color:#792d21;background:#fbe7df;
 text-decoration:none;font:700 14px/1.3 system-ui,sans-serif;}
#meato-local-banner a:focus-visible{outline:3px solid white;outline-offset:3px;}
#meato-local-banner [hidden]{display:none!important}
#meato-network-banner .meato-role{font-size:12px;color:#fff1d2;}
body > nav.meato-site-links{position:static!important;display:flex;flex-wrap:wrap;justify-content:center;
 gap:8px;margin:16px 12px;padding:0 0 max(24px,env(safe-area-inset-bottom,0px));z-index:auto!important;}
body.meato-local-page .topbar{flex-wrap:wrap;gap:12px;}
body.meato-local-page .topbar nav{flex-wrap:wrap;}
@media(max-width:760px){#meato-local-banner{font-size:13px;padding:9px 12px;gap:8px 10px;}
 #meato-local-banner .meato-mode-info{flex-basis:100%;gap:4px 12px;}
 body.meato-local-page .topbar{padding:14px 16px;gap:8px;}
 body.meato-local-page .topbar nav{gap:14px;}}
@media(max-height:480px){#meato-local-banner,#meato-network-banner{position:relative!important;top:auto!important;}}
