/* EPE cookie consent banner — same look as EPE's main site.
   Values from assets/css/tokens.css (--consent-*). Shown until a choice is stored. */
.epe-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--consent-z); padding: 0 var(--consent-edge) var(--consent-edge); pointer-events: none; }
.epe-consent[hidden] { display: none; }
.epe-consent-card {
    max-width: var(--consent-max); margin: 0 auto; pointer-events: auto;
    display: flex; flex-direction: column; gap: var(--consent-gap);
    padding: var(--consent-pad); border-radius: var(--consent-radius);
    background: var(--consent-bg); border: 1px solid var(--consent-line);
    box-shadow: 0 -10px 40px var(--consent-shadow);
    font-family: var(--consent-font); font-size: var(--consent-size); line-height: var(--consent-leading);
}
.epe-consent-text { margin: 0; color: var(--consent-text); }
.epe-consent-text strong { color: var(--consent-strong); font-weight: var(--consent-weight); }
.epe-consent-text a { color: var(--consent-link); text-decoration: none; }
.epe-consent-text a:hover, .epe-consent-text a:focus-visible { text-decoration: underline; }
.epe-consent-actions { display: flex; flex-direction: column; gap: 8px; }
.epe-consent-btn {
    padding: var(--consent-btn-pad-y) var(--consent-btn-pad-x); border-radius: 999px; cursor: pointer;
    font: var(--consent-weight) var(--consent-size)/var(--consent-leading) var(--consent-font);
    transition: background-color var(--consent-dur);
}
.epe-consent-btn--ghost { background: transparent; color: var(--consent-btn-text); border: 1px solid var(--consent-btn-line); }
.epe-consent-btn--ghost:hover { background: var(--consent-btn-hover); }
.epe-consent-btn--solid { background: var(--consent-accent); color: var(--consent-on-accent); border: 1px solid var(--consent-accent); }
.epe-consent-btn--solid:hover { background: var(--consent-accent-hover); }
.epe-consent-btn:focus-visible { outline: 2px solid var(--consent-link); outline-offset: 2px; }
@media (min-width: 640px) {
    .epe-consent-card { flex-direction: row; align-items: center; }
    .epe-consent-actions { flex-direction: row; flex-shrink: 0; }
}