/* Cookie notice. Bone #F6F2EA, ink #14120F, stone #CFC6B6.
   Accept and Reject share one style so neither looks like the default. */

html.consent-set .consent { display: none; }

.consent {
  background: #F6F2EA;
  border-bottom: 1px solid #CFC6B6;
  padding: 0.65rem 0;
}

.consent-inner {
  width: min(68rem, calc(100% - 3rem));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.consent p {
  margin: 0;
  color: #3A352E;
  font-size: 0.9375rem;
  line-height: 1.5;
}

.consent a { color: #14120F; }

.consent-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.consent-actions button {
  flex: 1 1 8rem;
  min-height: 2.75rem;
  padding: 0.45rem 1rem;
  background: transparent;
  color: #14120F;
  border: 1px solid #14120F;
  border-radius: 8px;
  font: inherit;
  font-weight: 500;
  font-size: 0.9375rem;
  letter-spacing: 0.06em;
  cursor: pointer;
}

.consent-actions button:hover { background: #ECE6DA; }

.consent-actions button:focus-visible,
button.footer-link:focus-visible {
  outline: 2px solid #14120F;
  outline-offset: 3px;
}

button.footer-link {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 0.9375rem;
  color: #5A534A;
  text-decoration: underline;
  text-underline-offset: 0.2em;
  cursor: pointer;
}

@media (min-width: 52rem) {
  .consent-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
  }
  .consent p { max-width: 42rem; }
  .consent-actions { flex: 0 0 auto; }
  .consent-actions button { flex: 0 0 auto; min-width: 7.5rem; }
}

@media print {
  .consent { display: none; }
}