/* The cookie question (js/consent.js): a card fixed to the bottom of the screen. It does not cover the page or stop it scrolling. Reject and Accept are the same
   size, the same weight and the same colours on purpose (the EU's and Spain's regulators want declining as easy as accepting). */
.cc{
  position:fixed; z-index:2147483000; left:16px; right:16px; bottom:16px; max-width:560px; margin:0 auto;
  padding:18px 20px; border-radius:16px; color:#F2F1FA;
  background:#14152B; border:1px solid rgb(255 255 255 / .18); box-shadow:0 18px 50px -12px rgb(0 0 0 / .65);
  font-family:'Instrument Sans', system-ui, sans-serif; font-size:15px; line-height:1.5;
}
.cc[hidden]{ display:none; }
.cc:focus{ outline:2px solid #86B6EF; outline-offset:2px; }
.cc-title{ margin:0 0 6px; font-size:16px; font-weight:700; letter-spacing:-.01em; color:#fff; }
.cc-text{ margin:0 0 14px; color:#D6D4EA; }
.cc-text a{ color:#BFD8F8; text-decoration:underline; text-underline-offset:3px; }
.cc-actions{ display:flex; gap:10px; }
.cc-btn{
  flex:1 1 0; min-height:44px; padding:0 18px; border-radius:12px; cursor:pointer;
  border:1px solid rgb(255 255 255 / .55); background:#F2F1FA; color:#14152B; font:700 15px 'Instrument Sans', system-ui, sans-serif;
}
.cc-btn:hover{ background:#fff; }
.cc-btn:focus-visible{ outline:3px solid #86B6EF; outline-offset:2px; }
@media (max-width:480px){ .cc{ left:10px; right:10px; bottom:10px; padding:16px; } }
@media (prefers-reduced-motion: no-preference){ .cc:not([hidden]){ animation: cc-in .28s ease-out both; } }
@keyframes cc-in{ from{ opacity:0; transform:translateY(12px); } }