#cinriwa-analytics {
    --cinriwa-analytics-blue: #075bd0;
    padding: .35rem 1rem;
    text-align: center;
}

#cinriwa-analytics[hidden], #cinriwa-analytics-choice[hidden] { display: none; }

#cinriwa-analytics .cinriwa-analytics-settings {
    padding: .4rem .65rem;
    min-height: 44px;
    background: transparent;
    color: #1d4c75;
    text-decoration: underline;
    font: inherit;
}

#cinriwa-analytics-choice {
    --cinriwa-dialog-top: max(env(safe-area-inset-top, 0px), clamp(1.5rem, 10vh, 7rem));
    position: fixed;
    z-index: 9995;
    inset: var(--cinriwa-dialog-top) 0 auto;
    margin: 0 auto;
    box-sizing: border-box;
    width: min(45rem, calc(100% - 2rem));
    max-height: calc(100vh - var(--cinriwa-dialog-top) - 1rem);
    max-height: calc(100dvh - var(--cinriwa-dialog-top) - 1rem);
    overflow: auto;
    overscroll-behavior: contain;
    padding: clamp(1.125rem, 3vw, 1.75rem);
    border: 1px solid #d5e0ed;
    border-top: 4px solid var(--cinriwa-analytics-blue);
    border-radius: .75rem;
    background: #fff;
    box-shadow: 0 1rem 3rem #0b203548;
    color: #203750;
    text-align: left;
    font-size: .9375rem;
    line-height: 1.55;
}

#cinriwa-analytics-choice::backdrop { background: rgb(12 27 45 / 52%); }

html:has(#cinriwa-analytics-choice:modal) { overflow: hidden; }

#cinriwa-analytics-choice .cinriwa-analytics-intro { padding-right: 2.25rem; }
#cinriwa-analytics-choice h2 { margin: 0 0 .35rem; font-size: clamp(1.125rem, 2.5vw, 1.375rem); color: #122b46; }
#cinriwa-analytics-choice h2:focus { outline: none; }
#cinriwa-analytics-choice p { margin: 0; }
#cinriwa-analytics-choice details p { margin-top: .5rem; }
#cinriwa-analytics-choice a, #cinriwa-analytics-choice summary { color: var(--cinriwa-analytics-blue); text-decoration: underline; }
#cinriwa-analytics-choice summary { cursor: pointer; }

#cinriwa-analytics-choice .cinriwa-analytics-close {
    position: absolute;
    top: .55rem;
    right: .55rem;
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: .35rem;
    background: transparent;
    color: #28425c;
    font: 1.65rem/1 sans-serif;
}

#cinriwa-analytics-choice .cinriwa-analytics-close:hover { background: #edf4fd; }

#cinriwa-analytics-choice .cinriwa-analytics-options {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem 1rem;
    margin-top: 1rem;
    padding-top: .85rem;
    border-top: 1px solid #e2ebf5;
}

#cinriwa-analytics-choice .cinriwa-analytics-options details { padding: .45rem 0; }

#cinriwa-analytics-choice .cinriwa-analytics-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    flex-shrink: 0;
    gap: .5rem;
}

#cinriwa-analytics-choice .cinriwa-analytics-actions button {
    min-height: 44px;
    min-width: 7.25rem;
    padding: .45rem .8rem;
    border: 1px solid var(--cinriwa-analytics-blue);
    border-radius: .4rem;
    background: var(--cinriwa-analytics-blue);
    color: #fff;
    font-family: inherit;
    font-size: .875rem;
    line-height: 1.25;
    font-weight: 600;
}

#cinriwa-analytics-choice .cinriwa-analytics-actions button:hover { background: #0749a3; }

#cinriwa-analytics button:focus-visible, #cinriwa-analytics a:focus-visible, #cinriwa-analytics summary:focus-visible {
    outline: 2px solid #245780;
    outline-offset: 2px;
}

@media (max-width: 600px) {
    #cinriwa-analytics-choice .cinriwa-analytics-options { flex-direction: column; align-items: stretch; }
    #cinriwa-analytics-choice .cinriwa-analytics-options details { padding: 0; }
    #cinriwa-analytics-choice .cinriwa-analytics-actions button { min-width: 0; padding-inline: .45rem; }
}