/* ambient: consent.css, the cookie banner (drawn by consent.js).
   DRAFT v1, 12 Nov 2026. Load it on every page, next to consent.js (see head-snippet.html).
   It uses each page's own colour tokens, so the banner is black with white text on the black pages
   and white with black text on the white pages (html.light swaps --bg and --fg). The fallbacks cover
   a page without the tokens. DejaVu Sans Mono Bold, square corners, 1px lines, like the site.
   Accept and Reject are the same button: same size, same style, same hover.
   Nothing here touches the page footers. The "change my cookie choice" button on /cookies is
   styled in cookies.css. */
.ck{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;display:flex;align-items:center;gap:16px 32px;
  margin:0;padding:20px 32px;border:1px solid var(--fg,#fff);background:var(--bg,#000);color:var(--fg,#fff);
  font:700 15px/1.5 "DejaVu Sans Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased}
.ck[hidden]{display:none}
.ck:focus{outline:none}
.ck p{flex:1 1 auto;min-width:0;margin:0;color:inherit;font:inherit}
.ck a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ck-btns{display:flex;flex:none;gap:12px}
.ck-btn{-webkit-appearance:none;appearance:none;width:12ch;min-height:44px;margin:0;padding:12px 0;border:1px solid var(--fg,#fff);
  border-radius:0;background:transparent;color:inherit;font:inherit;line-height:1.2;text-align:center;cursor:pointer}
.ck-btn:hover,.ck-btn:focus-visible{background:var(--fg,#fff);color:var(--bg,#000)}
.ck a:focus-visible,.ck-btn:focus-visible{outline:2px solid var(--fg,#fff);outline-offset:3px}
@media (max-width:820px){
  .ck{flex-direction:column;align-items:stretch;padding:16px 20px}
  .ck-btn{flex:1 1 0;width:auto}
}
@media print{.ck{display:none}}