.analytics-banner[hidden], [data-analytics-settings][hidden] { display: none; }
.analytics-banner { position: fixed; inset-inline: 1rem; inset-block-end: 1rem; z-index: 100; max-inline-size: 46rem; margin-inline: auto; max-block-size: calc(100dvh - 2rem); overflow: auto; border: 1px solid #c8c3d5; border-radius: 1rem; background: #fff; box-shadow: 0 .5rem 3rem #19112725; }
.analytics-banner-inner { padding: clamp(1rem, 3vw, 1.5rem); overflow-wrap: anywhere; }
.analytics-banner h2 { font-size: 1.15rem; line-height: 1.4; margin: 0 0 .6rem; }
.analytics-banner p { font-size: .9rem; line-height: 1.5; margin-block: .5rem; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block-start: 1rem; }
.analytics-actions button { flex: 1 1 12rem; min-block-size: 2.75rem; padding: .65rem 1rem; border: 1px solid var(--accent); border-radius: .5rem; background: #fff; color: var(--accent); font: inherit; font-size: .9rem; cursor: pointer; }
[data-analytics-settings] { border: 0; padding: 0; min-block-size: 2.75rem; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.analytics-banner :is(button, a):focus-visible, [data-analytics-settings]:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
@media print { .analytics-banner, [data-analytics-settings] { display: none; } }