/* Canonical Consent UI v2: peer decisions, site theme, no product overlay. */
.market-observer-consent-banner {
  --mo-consent-allow-bg: var(--surface);
  --mo-consent-allow-text: var(--text);
  --mo-consent-allow-hover-bg: var(--surface);
  --mo-consent-deny-bg: var(--surface);
  --mo-consent-deny-text: var(--text);
  --mo-consent-deny-border: var(--line);
  --mo-consent-focus-ring: var(--text);
  position: relative; box-sizing: border-box; width: calc(100% - 36px); max-width: 760px;
  margin: 8px auto 24px; padding: 16px;
  border: 1px solid var(--line); border-radius: 6px;
  background: var(--surface); color: var(--text-soft);
  font: 14px/1.6 system-ui, sans-serif;
}
.market-observer-consent-banner h2 { margin: 0 0 8px; font-size: 15px; font-weight: 500; }
.market-observer-consent-banner p { margin: 0 0 6px; }
.market-observer-consent-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.market-observer-consent-button {
  appearance: none; border: 1px solid transparent; border-radius: 4px;
  padding: 9px 16px; min-height: 44px; font: inherit; font-size: 14px;
  line-height: 1.25; cursor: pointer; display: inline-flex;
  align-items: center; justify-content: center; text-align: center;
}
.market-observer-consent-button[data-action="allow"],.market-observer-consent-button[data-action="deny"] { flex: 1 1 140px; background: var(--mo-consent-deny-bg); color: var(--mo-consent-deny-text); border-color: var(--mo-consent-deny-border); font-weight: 500; }
.market-observer-consent-button:hover { text-decoration: underline; }
.market-observer-consent-change { font: inherit; color: inherit; text-decoration: underline; text-underline-offset: .25em; }
.market-observer-consent-change:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }
.market-observer-consent-button[data-action="details"] { background: transparent; color: inherit; text-decoration: underline; }
.market-observer-consent-button:focus-visible { outline: 2px solid var(--mo-consent-focus-ring); outline-offset: 2px; }
.market-observer-consent-button:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 640px) {
  .market-observer-consent-actions { display: grid; grid-template-columns: 1fr; }
  .market-observer-consent-button { width: 100%; }
}