.croissant-menu-wrap{position:relative;flex-shrink:0;margin-left:16px;align-self:center}
.croissant-menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:92px;min-height:86px;padding:8px 10px;border:1px solid #18634720;border-radius:23px;background:#fffdf080;color:#186347;cursor:pointer;box-shadow:0 4px 9px #18634709,0 9px 20px #1863470d}
.browsing .croissant-menu-toggle .heading-doodle{display:block;width:65px;height:51px;margin:0;transform:rotate(-13deg);color:inherit}
.croissant-menu-toggle>span{font:700 11px/18px Arial;letter-spacing:.5px}.croissant-menu-toggle[aria-expanded=true]{background:#e5edda;border-color:#18634766}
.croissant-menu{position:absolute;right:0;top:calc(100% + 12px);width:290px;max-width:calc(100vw - 36px);max-height:60svh;overflow:auto;z-index:35;background:#fffcef;color:#186347;border:1px solid #18634720;border-radius:23px;padding:14px;box-shadow:0 8px 18px #183e3012,0 20px 45px #183e3029;text-align:left}
.result .croissant-menu>p{font:italic 700 20px/1.4 Fraunces,Georgia,serif;margin:6px 10px 12px;color:#186347}
.croissant-menu>a{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:12px;border-radius:13px;color:inherit;text-decoration:none;font:15px/1.4 Arial}.croissant-menu>a+a{border-top:1px solid #18634710}.croissant-menu>a:hover,.croissant-menu>a:focus-visible{background:#e8eedb}.croissant-menu>a:last-child{font-weight:700}.croissant-menu[hidden]{display:none!important}
@media(max-width:600px){.croissant-menu-wrap{margin-left:9px}.croissant-menu-toggle{width:65px;min-height:71px;padding:6px;border-radius:19px}.browsing .croissant-menu-toggle .heading-doodle{width:50px;height:40px}.croissant-menu-toggle>span{font-size:10px}.croissant-menu{top:calc(100% + 9px)}}
/* Native disclosure avoids focus changes cancelling taps on mobile Safari. */
.croissant-menu-wrap{z-index:10}
.croissant-menu-toggle{list-style:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.croissant-menu-toggle::-webkit-details-marker{display:none}
.croissant-menu-toggle::marker{content:""}
.croissant-menu-toggle>svg,.croissant-menu-toggle>span{pointer-events:none}
.croissant-menu-wrap:not([open])>.croissant-menu{display:none}
.croissant-menu-wrap[open]>.croissant-menu{display:block}
.croissant-menu-wrap[open]>.croissant-menu-toggle{background:#e5edda;border-color:#18634766}
.croissant-menu-toggle:focus-visible{outline:3px solid #b58c43;outline-offset:4px}
/* One frameless croissant in the same corner on every page. */
body{position:relative}
.global-menu{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(22px,calc((100vw - 1080px)/2));margin:0;z-index:45;color:inherit}
.global-menu .croissant-menu-toggle,.global-menu[open]>.croissant-menu-toggle{width:64px;min-height:70px;padding:0;gap:0;background:transparent;border:0;box-shadow:none;color:inherit;border-radius:12px}
.global-menu .croissant-menu-toggle .heading-doodle,.browsing .global-menu .croissant-menu-toggle .heading-doodle{display:block;width:58px;height:48px;margin:0;color:inherit;transform:rotate(-13deg);transform-origin:50% 48%;transition:transform .38s cubic-bezier(.2,.8,.25,1.25)}
.global-menu[open] .croissant-menu-toggle .heading-doodle,.browsing .global-menu[open] .croissant-menu-toggle .heading-doodle{transform:rotate(77deg)}
.global-menu .croissant-menu-toggle>span{font:700 10px/18px Arial;letter-spacing:1px}
.global-menu .croissant-menu{top:calc(100% + 8px)}
.global-menu .croissant-menu>p{font:italic 700 20px/1.4 Fraunces,Georgia,serif;margin:6px 10px 12px}
body.browsing main,.facts-page main,body.submission-page main{padding-top:108px}
@media(prefers-reduced-motion:reduce){.global-menu .croissant-menu-toggle .heading-doodle{transition:none}}

/* Keep navigation within reach while reading; the label yields to the icon. */
.global-menu{position:fixed}
.global-menu .croissant-menu-toggle>span{opacity:1;transition:opacity .18s ease}
.global-menu.is-scrolled .croissant-menu-toggle>span{opacity:0;visibility:hidden}
.global-menu.is-scrolled .croissant-menu-toggle .heading-doodle{filter:drop-shadow(0 1px 2px #fffcefcc) drop-shadow(0 2px 5px #fffcef99)}
@media(prefers-reduced-motion:reduce){.global-menu .croissant-menu-toggle>span{transition:none}}
/* The green welcome screen stays focused on choosing a city. */
body.city-app:not(.browsing) .global-menu{display:none}