.cookie-consent[hidden], [data-cookie-settings][hidden], #cookie-close[hidden] { display: none; }
/* Compact bar: it should read as a quick question, not a wall that blocks the page. */
.cookie-consent { position: fixed; bottom: 1rem; left: 1rem; right: 1rem; z-index: 100; max-width: 60rem; margin: auto; padding: 1rem 1.25rem; background: #fff; color: #1e293b; border: 1px solid #c7d2fe; border-radius: .875rem; box-shadow: 0 8px 32px #0f172a2e; max-height: 85vh; overflow-y: auto; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.25rem; }
.cookie-copy { flex: 1 1 26rem; min-width: 0; }
.cookie-consent h2 { font-size: 1rem; font-weight: 700; margin: 0 0 .25rem; }
.cookie-consent p { font-size: .9rem; line-height: 1.5; margin: 0; }
.cookie-consent #cookie-current { flex-basis: 100%; order: 3; }
.cookie-consent #cookie-current:empty { display: none; }
.cookie-consent a { color: #4338ca; text-decoration: underline; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.cookie-actions button { padding: .6rem 1.25rem; border: 1px solid #4338ca; border-radius: .5rem; background: #4338ca; color: white; font-weight: 600; min-height: 44px; }
.cookie-actions button:hover { background: #3730a3; }
/* Declining is quieter than accepting, but still a solid button of the same size and shape —
   readable contrast, not grey-on-white text pretending to be a footnote. */
.cookie-actions button.quiet { background: #fff; color: #3730a3; border-color: #c7d2fe; }
.cookie-actions button.quiet:hover { background: #eef2ff; border-color: #a5b4fc; }
.cookie-actions button:focus-visible, [data-cookie-settings]:focus-visible { outline: 3px solid #818cf8; outline-offset: 3px; }
[data-cookie-settings] { text-decoration: underline; }
@media (max-width: 480px) {
    .cookie-consent { bottom: .5rem; left: .5rem; right: .5rem; padding: .875rem 1rem; }
    .cookie-actions { width: 100%; }
    .cookie-actions button { flex: 1 1 0; padding: .6rem .75rem; }
}