/* The consent banner and the footer links of every page of the website (consent.js builds the banner). The page defines the colours. */
.links{font-size:.9rem;margin-top:12px}
.links a,.linkish{color:#173a1c;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer}
.links a:focus-visible,.linkish:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}

.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:560px;margin:0 auto;background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 0 var(--line-deep),0 18px 40px rgba(31,47,61,.18);padding:20px 22px}
.consent[hidden]{display:none}
.consent h2{font-family:var(--display);font-size:1.35rem;font-weight:600;line-height:1.1;margin:0 0 .35em}
.consent p{color:var(--ink-soft);font-size:1rem;line-height:1.55;margin-bottom:14px}
.consent a{color:var(--teal-deep);font-weight:800}
.consent .now-is{font-weight:800;color:var(--ink)}
.choices{display:flex;flex-wrap:wrap;gap:10px}
.choice{flex:1 1 140px;font:inherit;font-weight:800;color:#fff;background:var(--teal);border:0;border-radius:999px;padding:10px 18px;cursor:pointer;box-shadow:0 4px 0 var(--teal-deep);transition:transform .15s,box-shadow .15s}
.choice:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--teal-deep)}
.choice:active{transform:translateY(3px);box-shadow:0 1px 0 var(--teal-deep)}
.choice:focus-visible{outline:3px solid var(--ink);outline-offset:3px}