/* One optional analytics purpose. Both decisions have the same visual weight. */
.cookies {
    inset-inline: auto;
    left: max(1rem, env(safe-area-inset-left));
    right: auto;
    bottom: max(1rem, env(safe-area-inset-bottom));
    width: min(29rem, calc(100vw - 2rem));
    max-width: none;
    max-height: calc(100dvh - 2rem);
    overflow-y: auto;
    margin: 0;
    padding: clamp(1.15rem, 3vw, 1.5rem);
    border: 1px solid var(--line-2);
    border-radius: 1.1rem;
    background: var(--surface, #fff);
    box-shadow: 0 8px 40px rgb(63 29 77 / 13%);
    color: var(--ink, #3f1d4d);
}
.cookies__eyebrow { margin: 0 0 .55rem; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .11em; color: var(--muted, #66546e); }
.cookies h2 { margin: 0 0 .75rem; font: 700 1.2rem/1.25 var(--font-display, sans-serif); letter-spacing: -.025em; }
.cookies > p:not(.cookies__eyebrow) { margin: 0; font: 400 .86rem/1.6 var(--font-ui, sans-serif); }
.cookies__actions { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin: 1rem 0 .9rem; }
.cookies__actions .btn { min-width: 0; min-height: 44px; padding: .7rem .5rem; font-size: .8rem; white-space: normal; text-align: center; }
.cookies .cookies__detail { display: flex; flex-wrap: wrap; gap: .2rem 1rem; font-size: .72rem !important; color: var(--muted, #66546e); }
.cookies__detail a { color: inherit; text-underline-offset: .18em; }
.cookies .cookies__status:not(:empty) { margin-top: .55rem !important; font-size: .72rem !important; }
.cookies-settings { padding: 0; background: none; border: 0; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }
.cookies-settings[hidden] { display: none; }
@media (max-width: 350px) { .cookies__actions { gap: .35rem; } .cookies__actions .btn { font-size: .75rem; } }