.cit-analytics-settings {
  margin-block-end: 12px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: .875rem;
  text-decoration: underline;
  cursor: pointer;
}

#cit-analytics-panel {
  position: fixed;
  z-index: 30;
  inset-inline-start: 16px;
  inset-block-end: 16px;
  width: min(420px, calc(100% - 32px));
  padding: 18px;
  background: var(--paper, #f7f3eb);
  color: var(--ink, #20352d);
  border: 1px solid currentColor;
  box-shadow: 0 4px 24px #0002;
  font-size: .875rem;
  line-height: 1.5;
}

#cit-analytics-panel h2 { margin: 0 0 8px; font-size: 1.15rem; }
#cit-analytics-panel p { margin: 0 0 12px; }
#cit-analytics-panel a { text-decoration: underline; }
.cit-analytics-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.cit-analytics-actions button {
  padding: 6px 10px;
  min-height: 36px;
  border: 1px solid currentColor;
  background: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

@media (max-width: 700px) {
  #cit-analytics-panel { inset-block-end: 74px; }
}
