/* Cookie notice (assets/js/consent.js). Neutral on purpose: it sits on every
   skin (green live site, the old black look, blue previews). */
.consent-bar {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 10000;
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  padding: 16px 20px;
  background: #16181b;
  color: #f1f3f5;
  border: 1px solid #3a3f45;
  border-radius: 10px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35);
  font: 400 15px/1.5 -apple-system, "Segoe UI", Inter, Arial, sans-serif;
}
.consent-text { flex: 1 1 320px; margin: 0; }
/* The skins colour every <p> for light pages (dark ink), which made this text
   near-invisible on the dark bar. Pinned for every skin. */
.consent-bar .consent-text,
.consent-bar .consent-text a { color: #f1f3f5 !important; }
.consent-bar .consent-text a { text-decoration: underline; }
.consent-actions { display: flex; gap: 10px; flex: 0 0 auto; }
.consent-btn {
  min-height: 44px;
  padding: 0 18px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
.consent-decline { background: transparent; color: #f1f3f5; border: 1px solid #8a9199; }
.consent-accept  { background: #f1f3f5; color: #16181b; border: 1px solid #f1f3f5; }
.consent-btn:focus-visible { outline: 2px solid #7cc4ff; outline-offset: 2px; }
@media (max-width: 480px) {
  .consent-actions { width: 100%; }
  .consent-btn { flex: 1; }
}
@media print { .consent-bar { display: none; } }