.lux-analytics[hidden] { display: none !important; }
.lux-analytics {
    margin: 24px auto;
    padding: 24px;
    width: min(1184px, calc(100% - 40px));
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 28px;
    color: #101719;
    background: #eff8fa;
    border-radius: 14px;
    font: 400 16px/1.5 Onest, sans-serif;
}
.lux-analytics__content { flex: 1 1 480px; min-width: 0; }
.lux-analytics h2 { margin: 0 0 8px; color: inherit; font: 700 20px/1.25 Onest, sans-serif; }
.lux-analytics p { margin: 0 0 8px; max-width: 70ch; }
.lux-analytics__policy { color: #266277; text-decoration: underline; text-underline-offset: 3px; }
.lux-analytics__status:empty { display: none; }
.lux-analytics .lux-analytics__status { margin: 10px 0 0; font-size: 14px; }
.lux-analytics__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; flex: 0 1 410px; }
.lux-analytics button {
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #101719;
    border-radius: 8px;
    background: #fff;
    color: #101719;
    font: 600 15px/1.3 Onest, sans-serif;
    cursor: pointer;
}
.lux-analytics button:hover { background: #d9edf2; }
.lux-analytics .lux-analytics__close { grid-column: 1 / -1; justify-self: end; padding: 8px 12px; min-height: 44px; border-color: transparent; background: transparent; text-decoration: underline; text-underline-offset: 3px; }
.lux-analytics :focus-visible { outline: 3px solid #266277; outline-offset: 3px; }
.lux-analytics h2:focus { outline-offset: 5px; }
@media (max-width: 700px) {
    .lux-analytics { width: calc(100% - 32px); padding: 20px; flex-direction: column; align-items: stretch; gap: 16px; }
    .lux-analytics__content, .lux-analytics__actions { flex: initial; }
    .lux-analytics__actions { grid-template-columns: 1fr; }
    .lux-analytics .lux-analytics__close { justify-self: start; }
}