.analytics-banner[hidden] { display: none; }
.analytics-banner { position: fixed; z-index: 100; bottom: 0; left: 0; right: 0; background: var(--surface); border-top: 1px solid var(--border-strong); box-shadow: 0 -8px 30px rgb(0 0 0 / 10%); }
.analytics-banner-inner { max-width: var(--maxw); margin-inline: auto; padding: 16px var(--gutter); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.analytics-banner p { margin: 0; color: var(--ink-2); font-size: var(--fs-sm); line-height: var(--lh-relaxed); max-width: 68ch; }
.analytics-banner a { color: var(--link); text-decoration: underline; }
.analytics-actions { display: flex; gap: 8px; flex: none; }
.analytics-actions button, .analytics-settings { font: inherit; cursor: pointer; }
.analytics-actions button { border: 1px solid var(--border-strong); border-radius: var(--r-md); background: var(--surface); color: var(--ink); padding: 9px 13px; font-size: var(--fs-sm); font-weight: 600; }
.analytics-actions .analytics-accept { background: var(--cta); border-color: var(--cta); color: #fff; }
.analytics-actions button:hover { border-color: var(--brand); }
.analytics-actions .analytics-accept:hover { background: var(--cta-hover); }
.analytics-settings { background: none; border: 0; padding: 0; color: var(--ink-3); font-size: var(--fs-xs); text-decoration: underline; text-underline-offset: 2px; }
.analytics-settings:hover { color: var(--brand); }
@media (max-width: 700px) {
  .analytics-banner-inner { align-items: stretch; flex-direction: column; gap: 12px; }
  .analytics-actions { justify-content: flex-end; flex-wrap: wrap; }
}