#analytics-consent, #privacy-settings { --blue: #943f2b; --blue-dark: #783321; }
#analytics-consent { color: var(--text, #4a3f3f); background: var(--bg, #fff3d9); border: 2px solid #8c3b2f; border-radius: 16px; padding: clamp(16px, 4vw, 32px); width: min(94vw, 760px); max-height: 85vh; overflow: auto; box-shadow: 0 12px 48px #0003; }
#analytics-consent::backdrop { background: #241b1ba8; }
#analytics-consent h2 { margin-top: 0; }
.consent-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.consent-actions button, #privacy-settings { appearance: none; font: inherit; font-size: .94rem; font-weight: 700; line-height: 1.4; cursor: pointer; border: 1px solid var(--blue, #943f2b); border-radius: 0; padding: 11px 16px; color: #fff; background: var(--blue, #943f2b); min-height: 48px; box-shadow: 0 2px 8px rgba(99,37,35,.08); }
.consent-actions button { min-width: 0; overflow-wrap: anywhere; }
.consent-actions button:hover, .consent-actions button:focus-visible { background: var(--blue-dark, #783321); }
#privacy-settings { position: fixed; bottom: 12px; right: 12px; z-index: 20; min-height: 44px; padding: 8px 12px; font-size: .82rem; font-weight: 600; color: var(--blue-dark, #783321); background: rgba(255,243,217,.65); border-color: rgba(148,63,43,.5); box-shadow: none; transition: background-color .15s, color .15s, border-color .15s; }
#privacy-settings:hover, #privacy-settings:focus-visible { color: #fff; background: var(--blue, #943f2b); border-color: var(--blue, #943f2b); box-shadow: 0 2px 8px rgba(99,37,35,.08); }
body { padding-bottom: 76px; }
#analytics-consent button:focus-visible, #analytics-consent a:focus-visible, #privacy-settings:focus-visible { outline: 3px solid #155c95; outline-offset: 4px; }
@media (max-width: 480px) { .consent-actions { gap: 6px; } .consent-actions button { padding: 10px 5px; font-size: .82rem; } }
@media (prefers-reduced-motion: reduce) { #privacy-settings { transition: none; } }
@media (forced-colors: active) { .consent-actions button, #privacy-settings { border: 1px solid ButtonText; } }


/* Disabled options remain visible, but cannot be activated or focused. */
.consent-actions button:disabled { color: #665d59; background: #e0d7cb; border-color: #aaa096; box-shadow: none; cursor: default; }
#privacy-settings[hidden] { display: none; }
@media (forced-colors: active) { .consent-actions button:disabled { color: GrayText; border-color: GrayText; } }