.analytics-consent[hidden], .analytics-settings[hidden] { display: none !important; }
.analytics-consent { position: fixed; z-index: 1000; bottom: 20px; left: 20px; right: 20px; margin-inline: auto; max-width: 1160px; max-height: calc(100dvh - 40px); overflow: auto; display: flex; align-items: center; gap: 28px; padding: 24px 28px; color: var(--ink); background: var(--paper); border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 8px 40px #0002; }
.analytics-consent-copy { flex: 1; }
.analytics-consent h2 { font: 500 23px/1.3 var(--serif); margin: 0 0 8px; }
.analytics-consent p { font-size: 13px; line-height: 1.65; color: var(--muted); margin: 0; }
.analytics-consent a { text-decoration: underline; text-underline-offset: 3px; }
.analytics-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; flex-shrink: 0; }
.analytics-consent-actions button { min-height: 44px; padding: 11px 15px; border: 1px solid var(--green); border-radius: 7px; background: var(--paper); color: var(--ink); font-size: 13px; font-weight: 500; }
.analytics-consent-actions button:hover { background: var(--soft); }
.analytics-settings { border: 0; padding: 0; background: none; color: inherit; font: inherit; text-align: left; }
.analytics-settings:hover { text-decoration: underline; text-underline-offset: 3px; }
.footer-links { flex-wrap: wrap; }
@media (max-width: 960px) { .analytics-consent { align-items: flex-start; flex-direction: column; gap: 16px; } }
@media (max-width: 600px) { .analytics-consent { left: 12px; right: 12px; bottom: 12px; padding: 20px; max-height: calc(100dvh - 24px); } .analytics-consent h2 { font-size: 21px; } .analytics-consent-actions { flex-direction: column; width: 100%; } .analytics-consent-actions button { width: 100%; } }