/* Consent banner. Uses the page's design tokens; fallbacks keep it readable if they are missing. */
.mr-consent {
  position: fixed;
  z-index: 1000;
  inset-inline: 16px;
  bottom: 16px;
  max-width: 560px;
  margin-inline: auto;
  padding: 20px;
  background: var(--surface, #fff);
  color: var(--text, #08090b);
  border: 1px solid var(--border, #e1e4e8);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(8, 9, 11, 0.16);
  font: 15px/1.5 "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
@media (min-width: 720px) {
  .mr-consent { inset-inline: auto; left: 24px; bottom: 24px; margin: 0; }
}
.mr-consent h2 { margin: 0 0 6px; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; }
.mr-consent p { margin: 0 0 16px; color: var(--text-2, #535d6d); }
.mr-consent a { color: inherit; text-underline-offset: 3px; }
.mr-consent .mr-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; }
/* Both choices share one style on purpose: rejecting must be as easy as accepting. */
.mr-consent button {
  flex: 1 1 140px;
  padding: 11px 18px;
  border-radius: 10px;
  border: 1px solid var(--action, #08090b);
  background: var(--action, #08090b);
  color: var(--action-text, #fff);
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.mr-consent button:hover { background: var(--action-hover, #333842); border-color: var(--action-hover, #333842); }
.mr-consent button:focus-visible { outline: 3px solid var(--focus, #4859f2); outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) {
  .mr-consent { animation: mr-consent-in .2s ease-out; }
  @keyframes mr-consent-in { from { opacity: 0; transform: translateY(8px); } }
}