/* =========================================================
   The cookie banner.

   Its own file because it appears on every page, and the site has three
   stylesheets (index.html and thanks.html inline, policy.css shared). One copy
   here beats three that drift.

   Every colour is a token both stylesheets already define. Nothing new.
   ========================================================= */
.cbar{
  position:fixed;left:0;right:0;bottom:0;z-index:80;
  background:var(--paper);border-top:1px solid var(--line);
  box-shadow:0 -10px 30px rgba(34,34,31,.13);
  padding:16px var(--gap) calc(16px + env(safe-area-inset-bottom));
}
.cbar[hidden]{display:none}
.cbar__in{max-width:520px;margin:0 auto}
.cbar p{
  margin:0 0 12px;font-size:13px;line-height:1.55;color:var(--grey);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
.cbar p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--olive);text-underline-offset:2px}

/* Two buttons, identical in size, weight and colour. Refusing has to be exactly
   as easy as agreeing, so neither one is allowed to look like the answer. */
.cbar__row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cbar__btn{
  font:inherit;font-family:Inter,system-ui,-apple-system,sans-serif;
  font-size:14.5px;font-weight:700;letter-spacing:-.012em;
  padding:12px 10px;border-radius:11px;cursor:pointer;
  background:var(--card,#fff);color:var(--ink);border:1.5px solid var(--ink);
  -webkit-tap-highlight-color:transparent;
}
.cbar__btn:hover{background:var(--ink);color:var(--paper)}
.cbar__btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* the footer link that reopens the choice */
.clink{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}
.clink:hover{color:var(--ink)}