/* Cookie notice: a strip of ecru pinned to the foot of the screen. */
.consent { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 60; display: flex; justify-content: center; pointer-events: none; }
.consent[hidden] { display: none; }
.consent-in { pointer-events: auto; max-width: 760px; width: 100%; display: flex; align-items: center; gap: 18px; padding: 14px 18px; background: var(--ecru) var(--fibre); color: var(--sumi); border-radius: var(--radius); box-shadow: inset 0 0 0 1px var(--line-strong), 0 18px 40px -16px rgba(18, 28, 54, 0.55); border-top: 3px solid var(--ai-700); }
.consent p { margin: 0; font-size: 0.9rem; line-height: 1.5; color: var(--sumi-2); }
.consent p strong { color: var(--sumi); }
.consent p a { color: var(--ai-700); }
.consent-actions { display: flex; gap: 8px; flex-shrink: 0; }
.linkish { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.foot-bottom .linkish { color: inherit; opacity: 0.85; }
.foot-bottom .linkish:hover { opacity: 1; }
@media (max-width: 640px) {
    .consent { left: 8px; right: 8px; bottom: 8px; }
    .consent-in { flex-direction: column; align-items: stretch; gap: 12px; padding: 14px; }
    .consent-actions .btn { flex: 1; justify-content: center; }
}