/* Nonmodal viewport banner; JS reserves its measured footprint below the page. */
.analytics-consent { box-sizing: border-box; position: fixed; z-index: 1000; bottom: max(.75rem, env(safe-area-inset-bottom)); left: max(1rem, env(safe-area-inset-left)); right: max(1rem, env(safe-area-inset-right)); max-width: 70rem; margin: 0 auto; padding: 1rem 1.25rem; max-height: 70vh; max-height: 70dvh; overflow-y: auto; overscroll-behavior: contain; background: #111718; color: #edf1ee; border: 1px solid #536260; border-radius: .6rem; box-shadow: 0 .25rem 1.5rem #0006; font: .9375rem/1.5 system-ui, sans-serif; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 1.5rem; }
.analytics-consent[hidden], .analytics-spacer[hidden] { display: none; }
.analytics-spacer { width: 100%; pointer-events: none; }
.analytics-consent h2 { grid-column: 1; margin: 0 0 .4rem; font: 600 1.125rem/1.4 system-ui, sans-serif; color: #edf1ee; }
.analytics-consent p { grid-column: 1; margin: .25rem 0; color: #d4ddda; }
.analytics-actions { grid-column: 2; grid-row: 1 / 4; align-self: center; display: flex; gap: .75rem; margin: .25rem 0; }
.analytics-actions button, .analytics-settings { appearance: none; font: inherit; cursor: pointer; color: #edf1ee; background: #182321; border: 1px solid #80978f; border-radius: .3rem; padding: .65rem 1rem; min-height: 44px; white-space: normal; }
.analytics-actions button { flex: 1 1 0; max-width: 13rem; }
.analytics-settings { margin: 1rem; font: 400 .9rem/1.4 system-ui, sans-serif; }
.analytics-consent a { grid-column: 1; justify-self: start; color: #c2e9d9; text-decoration: underline; }
.analytics-actions button:hover, .analytics-settings:hover { background: #293d35; }
.analytics-consent :focus-visible, .analytics-settings:focus-visible { outline: 3px solid #e8c878; outline-offset: 3px; }
@media (max-width: 800px) { .analytics-consent { display: block; padding: 1rem; } .analytics-actions { margin: .75rem 0; } .analytics-actions button { max-width: none; } }
@media (max-width: 440px) { .analytics-actions { flex-direction: column; } .analytics-actions button { flex-basis: auto; width: 100%; } }