.eg-consent{position:fixed;left:16px;bottom:16px;z-index:100000;box-sizing:border-box;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:18px;background:#fff;color:#111;border:1px solid #e3dfd2;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.12);font-size:14px;line-height:1.5}
.eg-consent h2{margin:0 0 6px;font-family:Cardo,serif;font-size:1.3rem;line-height:1.25;font-weight:700;color:#111}
.eg-consent h2:focus{outline:none}
.eg-consent-text{margin:0 0 14px;font-size:13px;color:#444}
.eg-consent a{color:#111;text-decoration:underline;text-underline-offset:2px}
.eg-consent-actions{display:flex;gap:8px;margin-top:14px}
.eg-consent-btn{flex:1 1 0;box-sizing:border-box;min-height:44px;padding:8px 10px;border:1.5px solid #111;border-radius:6px;background:#fff;color:#111;font-family:inherit;font-weight:500;font-size:13px;line-height:1.25;cursor:pointer}
.eg-consent-btn.is-gold{background:#d59d10;border-color:#d59d10}
.eg-consent-btn.is-gold:hover{background:#b9860c;border-color:#b9860c}
.eg-consent-btn.is-outline:hover{background:#f9f9f9}
.eg-consent-btn.is-link{flex:none;min-height:44px;border:0;background:none;text-decoration:underline;text-underline-offset:2px;padding:8px 4px}
.eg-consent-btn:focus-visible,.eg-consent a:focus-visible,.eg-consent-switch:focus-visible{outline:3px solid #111;outline-offset:2px}
.eg-consent-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid #e3dfd2}
.eg-consent-row:first-of-type{border-top:0}
.eg-consent-row label{flex:1;min-width:0;cursor:pointer}
.eg-consent-row-title{display:block;font-weight:500}
.eg-consent-row-text{display:block;margin-top:2px;font-size:12px;color:#444}
.eg-consent-locked{font-weight:400;font-size:12px;color:#636363}
.eg-consent-switch{appearance:none;-webkit-appearance:none;flex:none;position:relative;width:40px;height:24px;margin:0;border-radius:12px;background:#8a8a82;cursor:pointer;transition:background .15s}
.eg-consent-switch::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s}
.eg-consent-switch:checked{background:#111}
.eg-consent-switch:checked::after{left:19px}
.eg-consent-switch:disabled{cursor:default;opacity:.7}
.eg-consent-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px;font-size:12px}
@media (max-width:600px){
.eg-consent{left:8px;right:8px;bottom:8px;width:auto;max-height:calc(100vh - 16px);padding:14px}
.eg-consent-actions{flex-direction:column}
.eg-consent-btn{flex:none;width:100%}
.eg-consent[data-view="first"] .is-settings{border-color:transparent;text-decoration:underline;text-underline-offset:2px}
/* First look on a phone: a short banner (about a fifth of the screen), the two choices side by side, the settings below them. */
.eg-consent[data-view="first"]{padding:10px 12px}
.eg-consent[data-view="first"] h2{margin-bottom:3px;font-size:1.05rem}
.eg-consent[data-view="first"] .eg-consent-text{margin-bottom:6px;font-size:12px;line-height:1.35}
.eg-consent[data-view="first"] .eg-consent-actions{flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:6px}
.eg-consent[data-view="first"] .eg-consent-btn{flex:1 1 calc(50% - 3px);width:auto;min-height:44px;padding:6px 8px}
.eg-consent[data-view="first"] .eg-consent-btn.is-settings{flex:1 1 100%;min-height:32px;padding:2px 8px}
}
@media (prefers-reduced-motion:reduce){.eg-consent-switch,.eg-consent-switch::after{transition:none}}