.analytics-notice[hidden], .analytics-preferences[hidden] { display: none; }
.analytics-notice {
  position: fixed;
  z-index: 100;
  inset: auto 1rem 1rem;
  max-width: 66rem;
  margin-inline: auto;
  padding: 1.25rem;
  border: 1px solid var(--line);
  border-radius: .5rem;
  background: var(--paper);
  color: var(--ink);
  box-shadow: 0 .25rem 1.5rem #0002;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.analytics-notice h2 { font-size: 1.1rem; margin: 0 0 .35rem; }
.analytics-notice p { font-size: .95rem; line-height: 1.5; margin: 0; }
.analytics-notice a { text-decoration: underline; }
.analytics-actions { display: flex; gap: .6rem; flex-shrink: 0; }
.analytics-actions button {
  border: 1px solid var(--green);
  border-radius: .3rem;
  padding: .65rem .85rem;
  background: var(--paper);
  color: var(--ink);
  font: inherit;
  cursor: pointer;
}
.analytics-actions button:hover { background: var(--green-soft); }
.analytics-preferences { border: 0; padding: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; text-decoration: underline; }
.analytics-notice .analytics-status:not(:empty) { margin-top: .5rem; }
@media (max-width: 700px) {
  .footer-links { flex-wrap: wrap; }
  .analytics-notice { flex-direction: column; align-items: stretch; gap: .75rem; max-height: 60vh; overflow: auto; }
  .analytics-actions button { flex: 1; }
}