/* The consent banner, and the footer control that reopens it.
   Separate from style.css because both are one feature and one review, and
   because neither is fetched at all on a site with no measurement id. */

/* Bottom of the viewport rather than the top: the page is what the reader
   came for, and a bar over the header hides the navigation. Fixed, so a
   question asked on arrival is still reachable four screens down. */
.cbanner{position:fixed;left:0;right:0;bottom:0;z-index:70;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:14px 22px;background:var(--panel);
  border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(0,0,0,.45);
  font:14.5px/1.55 var(--sans);color:var(--ink-2)}
/* A class with a display wins over the UA rule behind the hidden attribute,
   so the element that starts hidden has to say so itself. */
.cbanner[hidden]{display:none}
.cbanner p{margin:0;max-width:64ch}
.cbanner .cbtns{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.cbanner .btn{padding:9px 16px;font-size:14px}

/* On a phone the two buttons are the whole width rather than a strip pushed
   off the right edge by the sentence above them. */
@media(max-width:620px){
  .cbanner{gap:12px;padding:14px 18px}
  .cbanner .cbtns{margin-left:0;width:100%}
  .cbanner .cbtns .btn{flex:1 1 auto;justify-content:center}
}

/* "Cookie settings" sits in the footer nav beside About, Privacy and Terms.
   A button rather than a link, because it does something to this page rather
   than going anywhere — dressed as its neighbours so the row reads as one. */
.clink{background:none;border:0;padding:0;cursor:pointer;
  font:inherit;color:var(--link)}
.clink:hover{text-decoration:underline}