/* The cookie banner from consent.js. Same layout as tradeforce.ie; colours come from these variables,
   so a client site sets them once in its own CSS:  :root { --ck-bg: #10241b; --ck-accent: #f2b705; } */
.ck{--ck-bg-d:var(--ck-bg,#16181b);--ck-fg-d:var(--ck-fg,#f4f5f2);--ck-muted-d:var(--ck-muted,#c9cec9);--ck-btn-bg-d:var(--ck-btn-bg,#f4f5f2);--ck-btn-fg-d:var(--ck-btn-fg,#16181b);
  position:fixed;z-index:1000;left:0;right:0;bottom:0;background:var(--ck-bg-d);color:var(--ck-fg-d);border-top:1px solid rgba(255,255,255,.12);
  padding:12px 14px calc(12px + env(safe-area-inset-bottom));font:400 .86rem/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-shadow:0 -20px 50px -20px rgba(0,0,0,.6)}
.ck.ck-docked{padding-bottom:12px;box-shadow:0 -12px 30px -14px rgba(0,0,0,.55)}
/* Phones: the heading is for screen readers only, so the banner is two short lines and one row of buttons. */
.ck h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ck p{margin:0;color:var(--ck-muted-d)}
.ck a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.ck .btn{font-family:inherit;font-size:.95rem;font-weight:600;line-height:1;border:0;border-radius:10px;cursor:pointer;background:var(--ck-btn-bg-d);color:var(--ck-btn-fg-d)}
.ck .btn:hover{filter:brightness(1.08)}
.ck .btn:focus-visible,.ck-more:focus-visible{outline:2px solid var(--ck-accent,#7ad19a);outline-offset:2px}
.ck-row{margin-top:10px;display:flex;align-items:center;gap:12px}
.ck-btns{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck-btns .btn{min-height:44px;padding:0 12px}
.ck-more{flex:none;min-height:44px;background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:inherit}
.ck-opts{margin-top:12px;display:grid;gap:10px}
.ck-opts[hidden]{display:none}
.ck-opts label{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;cursor:pointer}
.ck-opts input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--ck-accent,#7ad19a)}
.ck-opts small{display:block;color:var(--ck-muted-d);font-size:.86rem}
.ck-save{margin-top:14px;width:100%;min-height:46px}
@media (min-width:700px){.ck{left:24px;right:auto;bottom:24px;width:420px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:22px;font-size:.93rem;line-height:1.45}
  .ck h2{position:static;width:auto;height:auto;margin:0 0 6px;overflow:visible;clip:auto;white-space:normal;font-size:1.05rem;letter-spacing:-.01em;color:inherit}
  .ck-row{margin-top:14px}.ck-btns .btn{min-height:46px}}