/* Self-contained; no external fonts/assets and no global page/scroll changes. */
#rhr-consent {
  position: fixed;
  z-index: 100000;
  left: 1rem;
  right: 1rem;
  bottom: calc(var(--rhr-consent-bottom-offset, 0px) + 1rem + env(safe-area-inset-bottom, 0px));
  width: auto;
  max-width: 56rem;
  margin: 0 auto;
  box-sizing: border-box;
  max-height: 80vh;
  max-height: min(80dvh, calc(100dvh - var(--rhr-consent-bottom-offset, 0px) - 2rem - env(safe-area-inset-bottom, 0px)));
  overflow-y: auto;
  padding: 1.25rem;
  border: 2px solid #31443b;
  border-radius: .75rem;
  background: #fff;
  color: #182d22;
  box-shadow: 0 .25rem 1.5rem #0003;
  font: 1rem/1.5 system-ui, sans-serif;
  text-align: left;
}
#rhr-consent[hidden], #rhr-consent [hidden] { display: none !important; }
#rhr-consent h2 { margin: 0 0 .5rem; font: 700 1.25rem/1.3 system-ui, sans-serif; color: inherit; }
#rhr-consent p { margin: .5rem 0 1rem; color: inherit; }
#rhr-consent .rhr-consent-option { display: flex; align-items: flex-start; gap: .65rem; margin: .7rem 0; cursor: pointer; }
#rhr-consent input[type="checkbox"] { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; margin: .15rem 0; accent-color: #244b36; }
#rhr-consent .rhr-consent-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1rem; }
#rhr-consent .rhr-consent-actions button { appearance: none; flex: 1 1 12rem; min-height: 44px; margin: 0; padding: .75rem 1rem; border: 2px solid #244b36; border-radius: .4rem; background: #fff; color: #182d22; font: 600 1rem/1.3 system-ui, sans-serif; text-transform: none; letter-spacing: normal; cursor: pointer; }
#rhr-consent .rhr-consent-actions button:hover { background: #e9f1ec; }
#rhr-consent :focus-visible { outline: 3px solid #135ec2; outline-offset: 3px; }
#rhr-consent .rhr-consent-status { border-left: 4px solid #934600; padding: .65rem; background: #fff4e5; color: #512700; }
@media (max-width: 40rem) {
  #rhr-consent { left: .5rem; right: .5rem; padding: 1rem; bottom: calc(var(--rhr-consent-bottom-offset, 5rem) + .5rem + env(safe-area-inset-bottom, 0px)); max-height: 70vh; max-height: min(70dvh, calc(100dvh - var(--rhr-consent-bottom-offset, 5rem) - 1rem - env(safe-area-inset-bottom, 0px))); }
  #rhr-consent .rhr-consent-actions { flex-direction: column; }
  #rhr-consent .rhr-consent-actions button { flex: 0 0 auto; width: 100%; }
}