/* Consent UI independent of site-specific layout */
.pel-consent { box-sizing:border-box; position:fixed; z-index:2147483000; right:16px; bottom:16px;
  width:min(480px,calc(100vw - 32px)); padding:22px; background:#fffdf9; color:#17392c;
  border:1px solid #cbd8ce; border-radius:18px; box-shadow:0 14px 48px rgba(14,49,34,.23);
  font:15px/1.5 system-ui,sans-serif; }
.pel-consent * { box-sizing:border-box; }
.pel-consent-title { font:600 23px/1.15 Georgia,serif; margin:0 0 9px; color:#17392c; }
.pel-consent-copy { font:14px/1.55 system-ui,sans-serif; margin:0 0 7px; color:#395346; }
.pel-consent-info { display:inline-block; font-size:13px; color:#17392c; text-decoration:underline; margin:0 0 17px; }
.pel-consent-actions { display:flex; flex-wrap:wrap; gap:10px; }
.pel-consent-no,.pel-consent-yes { flex:1 1 130px; min-height:44px; border-radius:9px;
  font:600 14px system-ui,sans-serif; padding:11px 18px; cursor:pointer; }
.pel-consent-no { border:1px solid #17392c; color:#fff; background:#17392c; }
.pel-consent-yes { border:1px solid #17392c; color:white; background:#17392c; }
.pel-consent :is(button,a):focus-visible, .pel-consent-settings:focus-visible { outline:3px solid #98ad9b; outline-offset:3px; }
.pel-consent-settings { background:transparent!important; border:0!important; padding:0!important;
  color:inherit!important; cursor:pointer!important; text-decoration:underline; text-underline-offset:3px;
  font:inherit!important; display:inline-block!important; width:auto!important; min-width:0!important; box-shadow:none!important; }
@media(max-width:600px) { .pel-consent { right:10px; bottom:10px; width:calc(100vw - 20px); padding:17px; }
  .pel-consent-title {font-size:20px;} }
