.analytics-panel {
  position: fixed;
  z-index: 30;
  inset-inline-start: clamp(12px, 2vw, 28px);
  inset-block-end: clamp(12px, 2vw, 28px);
  width: min(400px, calc(100% - 24px));
  max-height: calc(100dvh - 110px);
  overflow: auto;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  color: var(--ink);
}

.analytics-panel h2 {
  font: 600 27px/1.05 var(--serif);
  color: var(--forest);
}

.analytics-panel p {
  margin: 8px 0 14px;
  font-size: 15px;
  line-height: 1.45;
}

.analytics-panel p a { text-decoration: underline; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: 8px; }

.analytics-panel .button,
#cookie-settings {
  min-height: 44px;
  padding: 8px 16px;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--forest);
  font-size: 15px;
}

.analytics-panel .button:hover,
#cookie-settings:hover { background: var(--pale); }

#cookie-settings[hidden] { display: none; }

@media (max-width: 560px) {
  .analytics-panel { inset-block-end: calc(78px + env(safe-area-inset-bottom)); }
}