/* Shared disclosure in settings and the narrow side panel. */
#consent-dialog {
  box-sizing: border-box; width: min(440px, calc(100% - 32px));
  max-height: calc(100dvh - 32px); margin: auto; overflow: auto;
  padding: 24px; border: 1px solid #dce2de; border-radius: 12px;
  background: #fff; color: #202624; font: 14px/1.6 Onest, system-ui, sans-serif;
  box-shadow: 0 16px 48px rgb(25 40 30 / 18%);
}
#consent-dialog::backdrop { background: rgb(25 35 30 / 28%); }
#consent-dialog h2 { margin: 0 0 16px; font-size: 20px; line-height: 1.35; font-weight: 600; letter-spacing: -.3px; }
#consent-dialog p { margin: 0 0 16px; color: #202624; font-size: 14px; line-height: 1.6; }
#consent-dialog .consent-note { color: #556159; font-size: 13px; }
#consent-dialog a { color: #166344; text-decoration: underline; text-underline-offset: 3px; }
#consent-dialog .consent-actions { display: grid; gap: 8px; margin: 24px 0 0; }
#consent-dialog button { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #dce2de; border-radius: 7px; font: inherit; cursor: pointer; background: #fff; color: #202624; }
#consent-dialog #consent-allow { background: #166344; color: #fff; border-color: #166344; }
#consent-dialog #consent-allow:hover { background: #104e35; }
#consent-dialog #consent-decline:hover { background: #f1f4f2; }
#consent-dialog :focus-visible { outline: 2px solid #166344; outline-offset: 3px; }
@media (max-width: 360px) { #consent-dialog { padding: 20px; } }