/* The cookie choice (consent.js): a card fixed to the bottom of the screen, so nothing on the page moves
   when it appears or goes. Accept and Reject carry the same style on purpose. Sits under the page's sheets. */
.cc{position:fixed;z-index:55;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);max-width:420px;margin:0;padding:12px 14px;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--el-pop);color:var(--ink-2);
  font:400 13.5px/1.45 var(--font)}
.cc[hidden]{display:none}
.cc-title{float:left;margin:0 6px 0 0;font-weight:600;color:var(--ink)}
.cc-text{margin:0}
.cc-text a{color:var(--accent);text-underline-offset:3px}
.cc-buttons{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.cc-buttons .btn{width:100%;min-height:44px;padding:8px 12px;font-size:15px}
.cc :focus-visible,.cc-open:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.cc-open{background:none;border:0;padding:12px 8px;margin:-8px 0;font:inherit;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:720px){
  .cc{left:24px;right:auto;bottom:24px;padding:14px 16px;font-size:14px}
  .cc-title{float:none;margin:0 0 4px;font-size:15px}
  .cc-buttons{margin-top:12px}
}
@media (prefers-reduced-motion:no-preference){.cc:not([hidden]){animation:cc-in .35s var(--ease) both}}
@keyframes cc-in{from{opacity:0;translate:0 12px}}