.eg .eg-consent[hidden] { display: none; }
.eg .eg-consent { position: fixed; z-index: 1000; inset: auto 0 0; padding: .75rem; background: color-mix(in srgb, var(--eg-bg, #fff) 75%, transparent); backdrop-filter: blur(8px); }
.eg .eg-consent-inner { width: min(68rem, 100%); margin: auto; padding: 1.2rem 1.5rem; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 1rem 2rem; border: 1px solid var(--eg-control-border); border-radius: var(--eg-radius-card); background: var(--eg-white); color: var(--eg-ink); box-shadow: var(--eg-shadow); }
.eg .eg-consent-copy h2 { margin: 0 0 .4rem; font-size: 1.2rem; line-height: 1.25; }
.eg .eg-consent-copy p { margin: 0; color: var(--eg-secondary); font-size: .875rem; line-height: 1.5; }
.eg .eg-consent-copy a { color: var(--eg-link, var(--eg-green)); text-decoration: underline; text-underline-offset: .2em; }
.eg .eg-consent-options { display: grid; gap: .5rem; }
.eg .eg-consent-options label { display: flex; align-items: start; gap: .7rem; padding: .5rem .65rem; border: 1px solid var(--eg-border); border-radius: var(--eg-radius-control); cursor: pointer; }
.eg .eg-consent-options input { margin: .2rem 0 0; accent-color: var(--eg-green); width: 1rem; height: 1rem; flex: none; }
.eg .eg-consent-options strong, .eg .eg-consent-options small { display: block; }
.eg .eg-consent-options strong { font-size: .875rem; }
.eg .eg-consent-options small { color: var(--eg-secondary); font-size: .75rem; line-height: 1.4; }
.eg .eg-consent-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: end; gap: .5rem; }
.eg .eg-consent-actions button { min-height: 2.75rem; padding: .55rem .9rem; border: 1px solid var(--eg-control-border); border-radius: var(--eg-radius-control); background: var(--eg-white); color: var(--eg-ink); font: inherit; font-size: .875rem; font-weight: 600; cursor: pointer; }
.eg .eg-consent-actions button:hover { background: var(--eg-surface); }
.eg .eg-consent-actions [data-consent="accept"] { border-color: var(--eg-green); background: var(--eg-green); color: #06120d; }
.eg .eg-consent-actions [data-consent="accept"]:hover { background: var(--eg-green); filter: brightness(.92); }
.eg .eg-consent button:focus-visible, .eg .eg-consent a:focus-visible, .eg .eg-consent input:focus-visible, .eg .eg-consent-settings:focus-visible { outline: 3px solid var(--eg-green); outline-offset: 3px; }
.eg .eg-consent-settings { padding: 0; border: 0; background: none; color: var(--eg-secondary); font: inherit; font-size: .875rem; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.eg .eg-consent-settings:hover { color: var(--eg-green); }
@media (max-width: 48rem) { .eg .eg-consent-inner { grid-template-columns: 1fr; gap: .85rem; padding: 1rem; max-height: min(90vh, 40rem); overflow-y: auto; } .eg .eg-consent-actions { justify-content: stretch; } .eg .eg-consent-actions button { flex: 1 1 8rem; } }