/* The analytics choice (assets/consent.js): a small card pinned to the bottom of the screen. It sits over the page
   (nothing moves) until a choice is made. Both buttons look the same, so saying no is as easy as saying yes. */
#bp-consent {
  position: fixed; z-index: 2900; left: 50%; transform: translateX(-50%);
  bottom: calc(16px + env(safe-area-inset-bottom, 0px)); width: min(720px, calc(100% - 32px)); box-sizing: border-box;
  display: flex; align-items: center; gap: 18px; padding: 14px 16px 14px 20px;
  background: var(--b-surface, #0f1b2d); color: var(--b-text, #e6edf6); border: 1px solid var(--b-line, #203047);
  border-radius: var(--b-r-card, 14px); box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
  font: 14px/1.45 var(--b-font, system-ui, sans-serif);
}
#bp-consent .bpc-text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#bp-consent b { font-size: 16px; }
#bp-consent span { color: var(--b-text-2, #9fb2c8); }
#bp-consent a { color: var(--b-teal, #6AA59C); font-weight: 700; }
#bp-consent .bpc-row { display: flex; gap: 10px; flex: none; }
#bp-consent .bpc-btn {
  min-width: 108px; height: 42px; padding: 0 18px; border-radius: var(--b-r-pill, 999px); cursor: pointer;
  background: transparent; color: var(--b-text, #e6edf6); border: 1.5px solid var(--b-teal, #6AA59C);
  font: 700 15px var(--b-font, system-ui, sans-serif);
}
#bp-consent .bpc-btn:hover, #bp-consent .bpc-btn:focus-visible { background: var(--b-surface-2, #16263c); outline: none; }

/* Phones: above the tab bar, the buttons side by side under the words */
@media (max-width: 768px) {
  #bp-consent {
    flex-direction: column; align-items: stretch; gap: 12px; padding: 14px 16px;
    bottom: calc(76px + env(safe-area-inset-bottom, 0px));
  }
  #bp-consent .bpc-row > .bpc-btn { flex: 1; }
}