/* The cookie banner (layouts/partials/consent.html, static/js/consent.js), on every page: the
   website and the help centre, which share these colour names (site.css, help.css). Accept and
   Reject look the same, so neither is the easier choice. */
.br-consent{position:fixed;left:24px;bottom:24px;z-index:60;width:min(440px,calc(100vw - 32px));padding:22px;
  background:#fff;color:var(--ink);border:1px solid var(--rule);border-radius:14px;box-shadow:0 24px 60px -12px rgba(0,0,0,.45);font-family:var(--font-body)}
.br-consent h2{margin:0 0 8px;font-family:var(--font-head);font-weight:800;font-size:19px;line-height:1.2;color:var(--ink)}
.br-consent p{margin:0 0 12px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.br-consent-chat{padding:10px 12px;background:var(--paper);border-radius:8px}
.br-consent-chat strong{color:var(--ink)}
.br-consent-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px}
.br-consent-btns button{height:44px;border:0;border-radius:8px;background:var(--ink);color:#fff;font:600 15px var(--font-body);cursor:pointer}
.br-consent-btns button:hover{background:#2A3035}
.br-consent .br-consent-more{margin:0;font-size:13px}
.br-consent a{color:var(--blue-ink)}
.br-consent button:focus-visible,.br-consent a:focus-visible,.br-link-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media (max-width:600px){ .br-consent{left:16px;right:16px;bottom:16px;width:auto} }

/* A button that looks like the links around it: Live chat and Cookie settings. */
.br-link-btn{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left}
.br-footer-cols .br-link-btn{color:var(--on-dark)}
.br-legal .br-link-btn{color:var(--on-dark-2)}
.br-footer .br-link-btn:hover,.hp-footer .br-link-btn:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.br-faq-ask .br-link-btn,.br-faq-chat{color:var(--blue-ink);text-decoration:underline}
.hp-cookie-btn{margin-left:16px;color:var(--on-dark-2)}