/* Gardn — the no-cookies note (assets/notice.js draws it).
 *
 * Sticky, not fixed: it is the last element of <body>, so at the end of the
 * page it stands in its own space after the footer instead of covering it.
 * The site's night green and mint, so it reads the same on every page. */
.g-notice {
  position: sticky;
  bottom: 0;
  z-index: 95;
  background: #0D2218;
  color: #EFE9DA;
  border-top: 1px solid rgba(239, 233, 218, .2);
  /* No upward shadow: it darkened the text just above the note (a link fell to 3.78:1, 20 Oct 2026). The border marks the edge. */
  padding: 12px clamp(16px, 4vw, 56px) calc(12px + env(safe-area-inset-bottom, 0px));
  font-size: .95rem;
  line-height: 1.5;
  letter-spacing: normal;
}
.g-notice-in {
  max-width: 72rem;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
}
.g-notice-text { margin: 0; flex: 1 1 16rem; min-width: 0; }
.g-notice-ok {
  flex: none;
  font: inherit;
  font-weight: 700;
  padding: .55em 1.5em;
  border: 0;
  border-radius: 999px;
  background: #9FDDBA;
  color: #0D2218;
  cursor: pointer;
}
.g-notice-ok:hover { background: #B6EACB; }
.g-notice-ok:focus-visible { outline: 3px solid #EFE9DA; outline-offset: 3px; }

@media (prefers-reduced-motion: no-preference) {
  .g-notice { animation: g-notice-in .45s cubic-bezier(.2, .75, .15, 1) both; }
}
@keyframes g-notice-in { from { transform: translateY(100%); opacity: 0; } }