/* The cookie banner: a small card at the bottom, above the mobile tab bar, never covering the whole page. */
.consent {
  position: fixed; z-index: 45; inset-inline: var(--space-3); inset-block-end: var(--space-3);
  max-inline-size: 34rem; margin-inline: auto; padding: var(--space-4);
  display: grid; gap: var(--space-2);
  background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: var(--radius-l);
  box-shadow: 0 12px 32px rgb(15 18 20 / 0.18);
}
.consent[hidden] { display: none; }
.consent__title { font-size: var(--step-0); font-weight: 800; }
.consent__text { font-size: var(--step--1); color: var(--ink-2); }
.consent__text a { color: inherit; }
.consent__actions { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); margin-block-start: var(--space-1); }
/* Accept and Refuse look the same: neither is the "easy" choice. */
.consent__button {
  min-block-size: 44px; padding-inline: var(--space-3); border-radius: var(--radius-m); cursor: pointer;
  border: 1px solid var(--ink); background: var(--ink); color: var(--surface); font: inherit; font-weight: 700;
}
.consent__button:focus-visible { outline: 3px solid var(--atlas-green); outline-offset: 2px; }
@media (max-width: 899px) {
  .consent { inset-block-end: calc(64px + env(safe-area-inset-bottom) + var(--space-2)); inset-inline: var(--space-2); padding: var(--space-3); }
}
.site-footer__cookies { background: none; border: 0; padding: 0; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.site-footer__cookies[hidden] { display: none; }