/* The usage statistics choice (consent.js). A small card in the page flow
   before everything else, never floating, so it covers nothing. Both
   answers look the same, so declining is as easy as agreeing. Colours come
   from the landing tokens (landing.css). */
.consent-notice {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 480px;
  margin: 14px 5vw 0;
  padding: 12px 14px;
  background: #ffffff;
  color: #3a3832;
  border: 1px solid #e0ded8;
  border-radius: 10px;
  font-family: 'Satoshi', system-ui, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}
.consent-notice p { margin: 0; }
.consent-notice a { color: #C84E22; text-decoration: underline; text-underline-offset: 2px; }
.consent-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.consent-choice {
  min-height: 44px;
  padding: 0 16px;
  border: 1.5px solid #C84E22;
  border-radius: 6px;
  background: transparent;
  color: #C84E22;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  white-space: nowrap;
}
.consent-choice:hover,
.consent-choice[aria-pressed="true"] { background: #C84E22; color: #ffffff; }
.consent-state { margin: 0 0 8px; }