.site-credit { display: block; margin-top: .4rem; }
.footer-bottom, .footer-bottom > div { flex-wrap: wrap; }
.footer-bottom > div { row-gap: .65rem; }
.site-credit a, .analytics-settings {
  text-decoration: underline;
  text-underline-offset: .2em;
}
.analytics-settings {
  align-self: start;
  background: none;
  border: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
}
.analytics-settings[hidden], .analytics-choice[hidden] { display: none; }
.analytics-choice {
  position: fixed;
  z-index: 60;
  inset-inline-end: 1rem;
  bottom: max(1rem, env(safe-area-inset-bottom));
  width: min(26rem, calc(100% - 2rem));
  max-height: 70vh;
  overflow: auto;
  padding: 1rem 1.125rem;
  border: 1px solid #a5b7a4;
  border-radius: .5rem;
  background: #f8f8f3;
  color: #233b30;
  box-shadow: 0 .5rem 1.5rem #17292029;
  font-size: .875rem;
  line-height: 1.5;
}
.analytics-choice strong { display: block; font-size: 1rem; }
.analytics-choice p { margin: .35rem 0 .75rem; }
.analytics-choice a { text-decoration: underline; text-underline-offset: .2em; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.analytics-actions button {
  flex: 1 1 auto;
  min-height: 44px;
  padding: .5rem .75rem;
  border: 1px solid #233b30;
  border-radius: .2rem;
  background: #233b30;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}
.analytics-actions button:hover { background: #36523f; }
.analytics-actions button:focus-visible, .analytics-choice a:focus-visible {
  outline: 2px solid #233b30;
  outline-offset: 3px;
}