/* Cookie banner: dark raised panel, mint accent, sharp and borderless like the rest of the site. */
.consent {
  position: fixed; z-index: 1000; left: 16px; bottom: 16px;
  width: min(420px, calc(100vw - 32px));
  display: grid; gap: 16px; padding: 20px;
  background: #1A222B; color: #F4F5F7;
  font: 400 15px/1.55 "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  box-shadow: 0 12px 40px rgb(0 0 0 / .35);
  animation: consent-in .3s cubic-bezier(.2, .8, .2, 1) both;
}
.consent-text { margin: 0; color: #A9B2BD; }
.consent-text a { color: #5FD3A3; }
.consent-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.consent-btn {
  flex: 1 1 140px; min-height: 44px; padding: 10px 16px; border: 0; cursor: pointer;
  font-family: inherit; font-weight: 600; font-size: 14px; line-height: 1.2;
}
.consent-reject { background: transparent; color: #F4F5F7; box-shadow: inset 0 0 0 1px #2C3743; }
.consent-reject:hover { background: #0F1419; }
.consent-accept { background: #0B6E4F; color: #fff; }
.consent-accept:hover { background: #085A40; }
.consent-btn:focus-visible { outline: 2px solid #5FD3A3; outline-offset: 2px; }
@keyframes consent-in { from { opacity: 0; transform: translateY(12px); } }
@media (prefers-reduced-motion: reduce) { .consent { animation: none; } }