.analytics-preferences { color: inherit; background: none; border: 0; padding: .25rem 0; font: inherit; text-decoration: underline; cursor: pointer; }
.analytics-banner { position: fixed; z-index: 15; inset-inline: 1rem; inset-block-end: max(.75rem, env(safe-area-inset-bottom)); width: min(calc(100% - 2rem), 56rem); max-height: 85vh; overflow: auto; box-sizing: border-box; margin-inline: auto; padding: 1rem; color: var(--ink, #1b211b); background: var(--white, #fbfaf4); border: 1px solid var(--rule, #283328); box-shadow: 0 5px 22px #1b211b36; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1.25rem; }
.analytics-copy { flex: 1 1 23rem; min-width: 0; }
.analytics-banner h2 { margin: 0 0 .35rem; font-size: 1.1rem; line-height: 1.25; }
.analytics-banner p { margin: 0; font-size: .9rem; line-height: 1.45; }
.analytics-banner .analytics-status:not(:empty) { margin-top: .35rem; font-size: .8rem; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: .4rem; }
.analytics-actions button { min-height: 44px; border: 1px solid var(--rule, #283328); color: inherit; background: transparent; padding: .4rem .65rem; font: 650 .85rem system-ui, sans-serif; cursor: pointer; }
.analytics-actions button:hover { background: var(--acid, #d8ed9b); }
.analytics-actions [data-analytics-close] { border-color: transparent; text-decoration: underline; }
@media (max-width: 480px) {
  .analytics-banner { inset-inline: .5rem; width: calc(100% - 1rem); padding: .75rem; }
  .analytics-actions { width: 100%; }
  .analytics-actions button { flex: 1 1 7.5rem; }
}