/* consent-kit — тонкая полоса внизу (D-CONSENT-BANNER, Роман 20.10). Кнопки «Принять» и «Отклонить» одного размера и веса. */
.ck-bar {
  --ck-bg: #ffffff; --ck-fg: #111111; --ck-line: rgba(0, 0, 0, .12); --ck-btn-bg: #111111; --ck-btn-fg: #ffffff;
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 2147483000;
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px;
  padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
  background: var(--ck-bg); color: var(--ck-fg); border-top: 1px solid var(--ck-line);
  font: 14px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, .06);
}
@media (prefers-color-scheme: dark) {
  .ck-bar { --ck-bg: #15161a; --ck-fg: #f2f3f5; --ck-line: rgba(255, 255, 255, .12); --ck-btn-bg: #f2f3f5; --ck-btn-fg: #111111; }
}
.ck-msg { margin: 0; flex: 1 1 320px; }
.ck-actions { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
/* одна и та же разметка и класс для обеих кнопок — равные размер и вес (ANALYTICS.md §2) */
.ck-btn {
  min-width: 120px; min-height: 44px; padding: 0 16px; border-radius: 8px; cursor: pointer;
  font: 600 14px/1 inherit; font-family: inherit;
  background: var(--ck-btn-bg); color: var(--ck-btn-fg); border: 1px solid var(--ck-btn-bg);
}
.ck-btn:focus-visible, .ck-more:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.ck-more { color: inherit; text-decoration: underline; padding: 12px 4px; }
@media (max-width: 480px) { .ck-actions { width: 100%; } .ck-btn { flex: 1 1 0; } }
