.analytics-notice[hidden], .analytics-settings[hidden] { display: none !important; }
.analytics-notice {
  position: fixed; z-index: 1100; inset: auto 0 0;
  background: #f4f1ea; color: #30332e; border-top: 1px solid #777b71;
  box-shadow: 0 -5px 24px #00000012; max-height: 75dvh; overflow-y: auto;
  padding: 1.25rem max(1.25rem, env(safe-area-inset-right)) max(1.25rem, env(safe-area-inset-bottom));
}
.analytics-notice-inner { max-width: 1200px; margin: auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1.5rem; align-items: center; }
.analytics-notice h2 { font: 500 1.25rem/1.25 var(--font-display, Georgia, serif); margin: 0 0 .65rem; }
.analytics-notice p { font-size: .85rem; line-height: 1.55; margin: 0 0 .5rem; max-width: 80ch; }
.analytics-notice a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.analytics-notice .analytics-status { margin-bottom: 0; font-weight: 600; }
.analytics-actions { display: flex; flex-direction: column; gap: .6rem; }
.analytics-actions button { min-height: 44px; padding: .7rem 1rem; border: 1px solid #777b71; border-radius: 0; background: transparent; color: #30332e; font: 600 .85rem/1.3 var(--font-main, Arial, sans-serif); cursor: pointer; }
.analytics-actions button:hover { background: #e5e2d9; }
footer .analytics-settings { background: none; border: 0; padding: 0; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
@media (max-width: 700px) {
  .analytics-notice-inner { grid-template-columns: minmax(0, 1fr); gap: .8rem; }
  .analytics-actions { flex-direction: row; flex-wrap: wrap; }
  .analytics-actions button { flex: 1 1 130px; }
}