/* The bar is fixed over the bottom of the viewport: the page gets that much
   room at its end, and anything scrolled into view lands above the bar. */
body { padding-bottom: var(--cookie-bar-height, 0px); }
html { scroll-padding-bottom: var(--cookie-bar-height, 0px); }
.cookie-bar {
  position: fixed; inset: auto 0 0 0; z-index: 1000;
  display: flex; align-items: center; justify-content: center; gap: 20px;
  padding: 12px 20px; box-sizing: border-box;
  background: #120b1c; color: #c4b9d6; border-top: 1px solid rgba(241, 236, 249, 0.12);
  font: 14px/1.5 'DM Sans', system-ui, sans-serif;
}
.cookie-bar p { margin: 0; }
.cookie-bar a { position: relative; z-index: 1; display: inline-block; line-height: 24px; padding: 10px 4px; margin: -10px -4px; color: #f1ecf9; text-decoration: underline; }
.cookie-bar-actions { display: flex; gap: 8px; flex-shrink: 0; }
.cookie-bar button, .cookie-choice-change {
  min-height: 44px; padding: 8px 16px; border: 1px solid rgba(241, 236, 249, 0.12);
  border-radius: 6px; background: #120b1c; color: #f1ecf9; font: inherit; cursor: pointer;
}
.cookie-bar .cookie-bar-accept { background: #f0a36b; border-color: #f0a36b; color: #140d1f; }
.cookie-bar a:focus-visible, .cookie-bar button:focus-visible, .cookie-choice-change:focus-visible { outline: 2px solid #f0a36b; outline-offset: 3px; }
@media (max-width: 720px) {
  .cookie-bar { flex-direction: column; gap: 8px; padding: 8px 12px; font-size: 13px; }
  .cookie-bar-actions { width: 100%; }
  .cookie-bar-actions button { flex: 1; }
}