[data-bh-gate] { position: relative; }
.bh-auth-slot { gap: .7rem; align-items: center; }
.bh-auth-join { display: inline-flex; align-items: center; min-height: 2.5rem; padding: .45rem .75rem; background: var(--bh-color-heading, #0f2b46); color: #fff !important; border-radius: .4rem; font-size: .78rem; font-weight: 750; text-decoration: none; white-space: nowrap; }
[data-bh-gate]:not([data-bh-gate-state]) [data-bh-gate-content] { visibility: hidden; }
[data-bh-gate]:not([data-bh-gate-state="unlocked"]) [data-bh-gate-content] {
  opacity: .46;
  pointer-events: none;
  user-select: none;
}
[data-bh-gate-action] { display: inline-flex; min-height: 2.75rem; align-items: center; margin-top: .45rem; }
[data-bh-gate-action][hidden] { display: none; }
.bh-gate-action {
  display: inline-flex;
  min-height: 2.5rem;
  align-items: center;
  justify-content: center;
  padding: .35rem .8rem;
  border: 1px solid var(--bh-color-border-strong, #9a8f80);
  border-radius: var(--bh-radius-sm, .45rem);
  background: var(--bh-color-panel, #fff);
  color: var(--bh-color-heading, #172838);
  font: 800 .78rem/1.2 var(--bh-font-ui, system-ui, sans-serif);
  text-decoration: none;
}
button.bh-gate-action { cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
  [data-bh-gate-content] { transition: none !important; }
}