/* All component styles are scoped to ExtolX. CookieYes is never restyled. */
html.extolx-eligibility-open { overflow: hidden; }
#extolx-eligibility-gate:not([open]) { display: none !important; }
#extolx-eligibility-gate {
    box-sizing: border-box; width: min(620px, calc(100vw - 32px));
    max-width: none; max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
    margin: auto; padding: 0; color: #0b1220; background: #fff;
    border: 1px solid #d3dbe8; border-radius: 18px; overflow: auto;
    box-shadow: 0 28px 80px rgba(0,0,0,.36);
    font-family: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 16px; line-height: 1.5; text-align: center;
}
#extolx-eligibility-gate::backdrop { background: rgba(5,7,13,.68); backdrop-filter: blur(5px); }
#extolx-eligibility-gate * { box-sizing: border-box; }
#extolx-eligibility-gate [hidden] { display: none !important; }
#extolx-eligibility-gate .extolx-gate-card { padding: 32px 38px 28px; }
#extolx-eligibility-gate .extolx-gate-logo { display: block; width: 240px; height: 80px; max-width: 75%; object-fit: contain; margin: 0 auto; }
#extolx-eligibility-gate .extolx-gate-rule { width: 48px; height: 4px; margin: 18px auto 22px; border-radius: 4px; background: #024fe4; }
#extolx-gate-title { color: #0b1220; font-size: 27px; line-height: 1.22; font-weight: 700; margin: 0 0 12px; }
#extolx-gate-intro { color: #475569; font-size: 16px; margin: 0 0 24px; }
#extolx-eligibility-gate .extolx-gate-check { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; margin: 0 0 12px; border: 1px solid #dce4ef; border-radius: 10px; background: #f6f8fc; text-align: left; color: #172235; font-size: 16px; cursor: pointer; }
#extolx-eligibility-gate input[type=checkbox] { appearance: auto; -webkit-appearance: checkbox; width: 19px; height: 19px; min-width: 19px; margin: 3px 0 0; padding: 0; accent-color: #024fe4; opacity: 1; position: static; cursor: pointer; }
#extolx-eligibility-gate .extolx-gate-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 22px; }
#extolx-eligibility-gate button { margin: 0; min-height: 50px; padding: 13px 15px; border: 1px solid transparent; border-radius: 9px; box-shadow: none; font: 600 15px/1.4 Inter, system-ui, sans-serif; text-transform: none; cursor: pointer; }
#extolx-eligibility-gate .extolx-gate-primary { color: #fff; background: #024fe4; }
#extolx-eligibility-gate .extolx-gate-primary:hover { background: #013eaf; }
#extolx-eligibility-gate .extolx-gate-secondary { color: #263246; background: #e8edf5; }
#extolx-eligibility-gate .extolx-gate-secondary:hover { background: #dbe3ef; }
#extolx-eligibility-gate :focus-visible { outline: 3px solid #024fe4; outline-offset: 3px; }
#extolx-eligibility-gate .extolx-gate-remember { display: flex; align-items: flex-start; justify-content: center; gap: 9px; margin: 20px 0 0; color: #475569; font-size: 14px; cursor: pointer; }
#extolx-eligibility-gate .extolx-gate-remember input { width: 16px; height: 16px; min-width: 16px; margin-top: 2px; }
#extolx-eligibility-gate .extolx-gate-links { margin: 24px 0 0; color: #475569; font-size: 13px; line-height: 1.7; }
#extolx-eligibility-gate a { color: #024fe4; text-decoration: underline; }
#extolx-eligibility-gate .extolx-gate-preview-label { font-size: 12px; color: #475569; margin: 0 0 12px; }
#extolx-gate-denied-message { margin: 0; padding: 16px; background: #f6f8fc; border-radius: 10px; }
#extolx-eligibility-gate.extolx-gate-fallback { position: fixed; z-index: 2147483647; inset: 16px 0; box-shadow: 0 0 0 100vmax rgba(5,7,13,.9); }
@media (max-width: 520px) {
    #extolx-eligibility-gate .extolx-gate-card { padding: 24px 20px; }
    #extolx-eligibility-gate .extolx-gate-logo { width: 200px; height: 67px; }
    #extolx-gate-title { font-size: 23px; }
    #extolx-eligibility-gate .extolx-gate-check { padding: 12px; font-size: 15px; }
    #extolx-eligibility-gate .extolx-gate-actions { grid-template-columns: 1fr; }
}