.analytics-consent { position: fixed; z-index: 1000; bottom: 16px; left: 16px; width: min(440px, calc(100vw - 32px)); box-sizing: border-box; padding: 24px; background: #fff; color: #17252e; border: 1px solid #d9dfe2; border-radius: 12px; box-shadow: 0 8px 32px #17252e26; font: 15px/1.5 system-ui, sans-serif; }
.analytics-consent[hidden] { display: none; }
.analytics-consent h2 { font: 600 20px/1.3 system-ui, sans-serif; margin: 0 0 10px; }
.analytics-consent p { margin: 0 0 12px; }
.analytics-consent a { color: #315f73; text-decoration: underline; }
.analytics-consent > div { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.analytics-consent button { cursor: pointer; border: 1px solid #315f73; border-radius: 6px; padding: 10px 14px; background: #fff; color: #17252e; font: 500 14px/1.4 system-ui, sans-serif; }
.analytics-consent button { flex: 1; }
.analytics-settings { appearance: none; cursor: pointer; border: 0; padding: 0; background: transparent; color: inherit; font: inherit; line-height: inherit; }
.analytics-settings:hover { text-decoration: underline; }
.analytics-consent button:focus-visible, .analytics-settings:focus-visible { outline: 3px solid #315f73; outline-offset: 3px; }