.cookie-choice[hidden] { display: none !important; }
.cookie-choice { position: fixed; z-index: 10000; left: 20px; right: 20px; bottom: 20px; width: min(1060px, calc(100% - 40px)); margin: auto; display: flex; gap: 24px; align-items: center; padding: 20px 24px; background: var(--paper, #fffcf8); color: var(--ink, #1c1916); border: 1px solid var(--accent, #8b6848); border-radius: 12px; box-shadow: 0 5px 35px #1c191633; max-height: calc(100dvh - 40px); overflow: auto; font-size: 14px; line-height: 1.5; }
.cookie-choice-copy { flex: 1; min-width: 0; }
.cookie-choice strong { font-size: 17px; }
.cookie-choice p { margin: 6px 0; }
.cookie-choice a { text-decoration: underline; }
.cookie-choice summary { cursor: pointer; text-decoration: underline; }
.cookie-choice-actions { display: flex; flex-wrap: wrap; gap: 10px; flex: 0 0 180px; }
.cookie-choice-actions button { width: 100%; border: 1px solid var(--accent, #8b6848); border-radius: 6px; background: var(--accent-dark, #6d5138); color: #fff; padding: 10px 12px; font: inherit; cursor: pointer; }
.cookie-choice-actions button:hover { background: #503a29; }
.cookie-settings { border: 0; padding: 0; margin: 20px 0 0; display: block; background: transparent; color: inherit; text-decoration: underline; font: inherit; font-size: 14px; cursor: pointer; }
@media (max-width: 640px) { .cookie-choice { left: 10px; right: 10px; bottom: 10px; width: calc(100% - 20px); padding: 16px; gap: 12px; flex-direction: column; align-items: stretch; font-size: 13px; } .cookie-choice-actions { flex: auto; flex-wrap: nowrap; } .cookie-choice-actions button { width: auto; flex: 1; } }