/* Value-bound currency choices, rendered in the page rather than an OS popup. */
.currency-picker { position: relative; max-width: 100%; }
.currency-picker > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid #c9d1ba;
  border-radius: 4px;
  background: #fff;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
  font-size: 12px;
}
.currency-picker > summary::-webkit-details-marker { display: none; }
.currency-picker > summary::marker { content: ''; }
.currency-options {
  position: absolute;
  z-index: 20;
  top: calc(100% + 7px);
  inset-inline-start: 0;
  width: max-content;
  min-width: 100%;
  max-width: min(340px, calc(100vw - 44px));
  max-height: 330px;
  overflow-y: auto;
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid #c9d1ba;
  border-radius: 6px;
  box-shadow: 0 14px 36px #23300f24;
  padding: 6px;
}
.currency-picker:not([open]) .currency-options { display: none; }
.currency-option {
  display: block;
  width: 100%;
  text-align: start;
  min-height: 44px;
  padding: 10px 12px;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--ink);
  font-size: 12px;
  overflow-wrap: anywhere;
}
.currency-option:hover { background: #f0f4e8; }
.currency-option[aria-pressed=true] { background: #e3edc9; font-weight: 600; }
.currency-region { padding: 12px 12px 4px; font-size: 10px; color: var(--ink-3); }
.currency-code {
  font: 500 10px/1.5 'IBM Plex Sans', sans-serif;
  color: #586344;
  background: #edf2e3;
  border: 1px solid #dce5cc;
  border-radius: 3px;
  padding: 2px 5px;
  letter-spacing: .06em;
  direction: ltr;
  unicode-bidi: isolate;
}

.analytics-consent { position: fixed; z-index: 100; inset-inline: 1rem; bottom: 1rem; max-width: 38rem; margin-inline: auto; padding: 1.25rem; border: 1px solid #b8ee60; border-radius: 12px; background: #181b15; color: #fff; box-shadow: 0 8px 40px #0008; }
.analytics-consent[hidden] { display: none; }
.analytics-consent p { margin: 0 0 1rem; }
.analytics-consent button, .foot nav button { font: inherit; cursor: pointer; padding: .6rem .9rem; border: 1px solid currentColor; border-radius: 6px; background: transparent; color: inherit; }
.analytics-consent button + button { margin-inline-start: .6rem; }
.analytics-consent button:first-of-type { background: #b8ee60; color: #181b15; }