/* The cookie banner (public/js/consent.js): shown only to visitors in Europe, or from the footer's Cookie settings.
   A small card at the bottom left, the two choices given the same weight, as the EU guidance asks. Tokens only. */
.kx-consent { position: fixed; z-index: 1000; left: 16px; bottom: 16px; max-width: 420px;
  background: var(--card); color: var(--foreground); border-radius: var(--radius-lg); box-shadow: var(--shadow-toast);
  padding: 16px 18px; font: 400 14px/1.5 var(--font-sans); }
.kx-consent[hidden] { display: none; }
.kx-consent p { margin: 0; color: var(--foreground-secondary); }
.kx-consent b { color: var(--foreground); font-weight: 600; }
.kx-consent a { color: var(--link); }
.kx-consent-btns { display: flex; gap: 8px; margin-top: 12px; }
.kx-consent-btns button { flex: 1; min-height: 44px; border-radius: var(--radius-full); cursor: pointer;
  font: 600 14px/1 var(--font-sans); border: 1.5px solid var(--primary); background: var(--card); color: var(--primary); }
.kx-consent-btns button:hover { background: var(--secondary); }
.kx-consent-btns button:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
@media (max-width: 560px) { .kx-consent { left: 16px; right: 16px; max-width: none; } }