.analytics-consent[hidden], [data-analytics-settings][hidden] { display: none !important; }
.analytics-consent { position: fixed; z-index: 1000; bottom: 1rem; left: 1rem; right: 1rem; max-width: 58rem; margin: auto; padding: 1.25rem; border: 2px solid #4e332c; border-radius: .6rem; background: #f2efe8; color: #211c18; box-shadow: 0 3px 18px #211c1833; display: flex; gap: 1rem; align-items: center; max-height: calc(100dvh - 2rem); overflow-y: auto; font: 1rem/1.5 system-ui, sans-serif; }
.analytics-consent h2 { margin: 0 0 .4rem; font: bold 1.15rem/1.3 system-ui, sans-serif; color: #211c18; }
.analytics-consent p { margin: 0; color: #211c18; }
.analytics-consent a { color: #743620; text-decoration: underline; }
.analytics-consent-actions { display: flex; flex-wrap: wrap; gap: .65rem; flex-shrink: 0; }
.analytics-consent-actions button { background: #f2efe8; color: #211c18; border: 1px solid #4e332c; border-radius: .3rem; padding: .65rem .9rem; min-height: 44px; cursor: pointer; font: bold .9rem/1.4 system-ui, sans-serif; }
.analytics-consent-actions button:hover { background: #e5ded3; }
.analytics-consent button:focus-visible, .analytics-consent a:focus-visible { outline: 3px solid #743620; outline-offset: 3px; }
[data-analytics-settings] { color: inherit; background: none; border: 0; padding: 0; font: inherit; text-decoration: underline; cursor: pointer; }
@media (max-width: 760px) { .analytics-consent { flex-direction: column; align-items: stretch; bottom: .5rem; left: .5rem; right: .5rem; } .analytics-consent-actions button { flex: 1; } }