.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; }
.analytics-banner-default { --accent: #e9d49d; inset-inline: 12px; inset-block-end: 12px; z-index: 950; max-inline-size: none; max-block-size: calc(100dvh - 24px); margin: 0; border: 1px solid #565656; border-radius: 12px; background: #242424; color: #fff; box-shadow: 0 8px 32px #0006; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; }
.analytics-banner-default .analytics-banner-inner { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 16px; }
.analytics-banner-default .analytics-copy { min-inline-size: 0; }
.analytics-banner-default h2 { display: inline; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.5; margin: 0 8px 0 0; }
.analytics-banner-default p { display: inline; color: #fff; font-size: 13px; line-height: 1.5; margin: 0; }
.analytics-banner-default .analytics-policy { display: block; }
.analytics-banner-default .analytics-policy a { display: inline-block; min-block-size: 24px; line-height: 24px; }
.analytics-banner-default a { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.analytics-banner-default .analytics-status:empty { display: none; }
.analytics-banner-default .analytics-status:not(:empty) { display: block; margin-block-start: 4px; }
.analytics-banner-default .analytics-actions { flex: 0 0 auto; flex-wrap: nowrap; gap: 8px; margin: 0; }
.analytics-banner-default .analytics-actions button { flex: 0 0 auto; min-block-size: 44px; padding: 8px 14px; border: 1px solid #858585; border-radius: 8px; background: #333; color: #fff; font-size: 13px; line-height: 1.3; }
.analytics-banner-default .analytics-actions button:hover { background: #454545; border-color: #fff; }
.analytics-banner-default .analytics-actions [data-analytics-reject] { flex: 0 0 auto; padding-inline: 8px; border-color: transparent; background: transparent; color: #d0d0d0; font-size: 12px; }
.analytics-banner-default .analytics-actions [data-analytics-reject]:hover { color: #fff; text-decoration: underline; background: #333; }
.analytics-banner-default .analytics-actions [data-analytics-accept] { background: #e9d49d; border-color: #e9d49d; color: #242424; font-weight: 600; }
.analytics-banner-default .analytics-actions [data-analytics-accept]:hover { background: #f3e3bd; border-color: #f3e3bd; }
@media (max-width: 1024px) {
  .analytics-banner-default { inset-inline: 8px; inset-block-end: 8px; }
  .analytics-banner-default .analytics-banner-inner { flex-direction: column; align-items: stretch; gap: 8px; padding: 10px 12px; }
  .analytics-banner-default .analytics-actions button { min-inline-size: 0; padding-inline: 8px; }
  .analytics-banner-default .analytics-actions [data-analytics-accept] { flex: 1 1 0; }
}
@media print { .analytics-banner, [data-analytics-settings] { display: none; } }