/* The Alert Plus nudge (plus-prompt.js, site-r183): a small card in a corner, no backdrop. Self-contained: used by the home
   page (beta.css) and the other pages (styles.css). */
/* site-r198: above Leaflet's corner controls (z-index 1000: the zoom buttons and the attribution strip were drawn over the card) */
.plus-nudge { position: fixed; z-index: 1200; inset-inline-end: 16px; inset-block-end: calc(16px + env(safe-area-inset-bottom, 0px));
  display: grid; gap: 8px; box-sizing: border-box; width: min(340px, calc(100vw - 32px)); padding: 16px 16px 12px;
  border: 1px solid rgb(255 255 255 / .14); border-top: 3px solid #ffd21f; border-radius: 14px; background: #121214; color: #f4f6f8;
  box-shadow: 0 18px 50px rgb(0 0 0 / .55); font: 400 0.875rem/1.45 -apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif;
  opacity: 0; transform: translateY(12px); transition: opacity 200ms ease-out, transform 200ms ease-out; }
.plus-nudge.is-in { opacity: 1; transform: none; }
.plus-nudge-eyebrow { margin: 0; padding-inline-end: 32px; color: #ffd21f; font-size: 0.75rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.plus-nudge-title { margin: 0; padding-inline-end: 32px; color: #fff; font-size: 1.0625rem; font-weight: 800; line-height: 1.25; }
.plus-nudge-text { margin: 0; color: #b8bec6; }
.plus-nudge-actions { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.plus-nudge-go { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 10px; background: #ffd21f; color: #111;
  font-weight: 700; text-decoration: none; }
.plus-nudge-go:hover { background: #ffe25c; }
.plus-nudge-later { min-height: 40px; padding: 0 12px; border: 0; border-radius: 10px; background: none; color: #9aa1aa; font: inherit; cursor: pointer; }
.plus-nudge-later:hover { color: #fff; background: rgb(255 255 255 / .06); }
.plus-nudge-x { position: absolute; inset-block-start: 6px; inset-inline-end: 6px; display: grid; place-items: center; width: 36px; height: 36px;
  border: 0; border-radius: 8px; background: none; color: #9aa1aa; font-size: 20px; line-height: 1; cursor: pointer; }
.plus-nudge-x:hover { background: rgb(255 255 255 / .08); color: #fff; }
.plus-nudge :focus-visible { outline: 2px solid #ffd21f; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .plus-nudge { transition: none; transform: none; } }
@media (max-width: 520px) { .plus-nudge { inset-inline: 16px; width: auto; } }

/* The menu buttons */
.bt-nav .bt-navbtn.is-plus { border-color: #ffd21f; background: transparent; color: #ffd21f; font-weight: 700; }
.bt-nav .bt-navbtn.is-plus:hover { background: rgb(255 210 31 / .12); }
.mobile-nav > a.menu-plus { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 4px 0 8px; padding: 10px 12px;
  border: 1px solid #ffd21f; border-radius: 10px; background: rgb(255 210 31 / .1); color: #ffd21f; font-weight: 700; }
.mobile-nav > a.menu-plus:hover { background: rgb(255 210 31 / .18); color: #ffe25c; }
.mobile-nav > a.menu-plus[hidden], .bt-navbtn.is-plus[hidden] { display: none; }