/* Analytics consent banner (see consent.js), in the Junglizer palette: an
   olive surface card with the four break colors along its top edge, pinned
   to the bottom corner on wide screens and full-width on phones. Both
   choices carry equal weight. */
.consent {
  position: fixed; z-index: 100;
  right: 24px; bottom: 24px; left: auto;
  max-width: 400px;
  padding: 20px 20px 18px;
  background: #22251d; color: #f4f1de;
  border: 1px solid #4c513d; border-radius: 6px;
  /* four-bar strip, matching the strip at the top of each page */
  background-image: linear-gradient(90deg, #ee9757 0 25%, #69cdc1 25% 50%, #97adf1 50% 75%, #de8bbe 75%);
  background-size: 100% 4px; background-repeat: no-repeat;
  box-shadow: 0 20px 40px -18px rgba(0, 0, 0, 0.7);
  font-size: 15px; line-height: 1.5;
  animation: consent-in 180ms ease-out;
}
.consent[hidden] { display: none; }
.consent p { margin: 0; color: #abb29a; }
.consent a { color: #d3e080; white-space: nowrap; text-underline-offset: 3px; }
.consent a:hover { color: #f4f1de; }
.consent-actions { display: flex; gap: 10px; margin-top: 14px; }
.consent button {
  flex: 1 1 0; min-height: 44px; padding: 0 16px;
  font: inherit; font-weight: 600;
  color: #f4f1de; background: #10120f;
  border: 1px solid #4c513d; border-radius: 4px;
  cursor: pointer;
}
.consent button:hover { border-color: #d3e080; }
.consent button:focus-visible, .consent a:focus-visible {
  outline: 2px solid #d3e080; outline-offset: 3px;
}
@keyframes consent-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .consent { animation: none; }
}
@media (max-width: 599px) {
  .consent { right: 12px; left: 12px; bottom: 12px; max-width: none; }
}

/* Footer control that reopens the banner, styled like the footer's links. */
.consent-open {
  display: inline-flex; align-items: center; min-height: 44px; padding: 0;
  font: inherit; color: #d3e080; background: none; border: 0; cursor: pointer;
  text-decoration: underline; text-underline-offset: 3px;
}
.consent-open:hover { color: #f4f1de; }
.consent-open:focus-visible, footer a:focus-visible {
  outline: 2px solid #d3e080; outline-offset: 4px; border-radius: 3px;
}