.analytics-consent[hidden] { display: none; }
.analytics-consent { position: fixed; inset: auto 20px 20px; z-index: 90; max-width: 980px; margin-inline: auto; display: flex; align-items: center; gap: 28px; padding: 22px 24px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: 0 8px 36px #142d4326; }
.analytics-consent h2 { margin-bottom: 8px; font-size: 18px; }
.analytics-consent p { margin-bottom: 0; font-size: 14px; }
.analytics-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; flex-shrink: 0; }
.analytics-consent-actions .button { min-width: 108px; }
.analytics-preferences { padding: 0; border: 0; background: transparent; color: var(--teal); font: inherit; text-align: left; }
.analytics-preferences:hover { text-decoration: underline; }
.analytics-consent [data-analytics-status] { margin-top: 10px; color: var(--muted); }
@media (max-width: 720px) {
    .analytics-consent { inset: auto 12px 12px; display: block; padding: 18px; max-height: calc(100dvh - 24px); overflow-y: auto; }
    .analytics-consent-actions { margin-top: 16px; }
    .analytics-consent-actions .button { flex: 1; }
}