#ra-preferences, #ra-banner { font: 400 14px/1.5 system-ui, sans-serif; color: #172331; }
#ra-preferences { position: fixed; bottom: 12px; right: 12px; z-index: 9998; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; background: #fff; border: 1px solid #718096; border-radius: 50%; cursor: pointer; }
#ra-banner { position: fixed; bottom: 12px; left: 12px; right: 12px; z-index: 9999; max-width: 640px; margin: auto; background: #fff; padding: 20px; border: 1px solid #718096; border-radius: 8px; box-shadow: 0 4px 24px #0003; }
#ra-banner[hidden] { display: none; }
#ra-banner p { margin: 0 0 12px; }
#ra-banner button { font: inherit; color: #172331; background: #fff; border: 1px solid #718096; border-radius: 6px; padding: 10px 16px; margin: 0 8px 8px 0; cursor: pointer; }
#ra-banner a { color: #1f3a5f; text-decoration: underline; }
#ra-banner button:focus-visible, #ra-preferences:focus-visible { outline: 3px solid #0a58ca; outline-offset: 3px; }
