.cookie-panel{
  position:fixed;
  bottom:1rem;
  left:1rem;
  width:min(40rem,calc(100vw - 2rem));
  box-sizing:border-box;
  padding:1.5rem;
  background:#f1eee6;
  color:#232622;
  border:1px solid #686b64;
  box-shadow:0 6px 24px #23262224;
  z-index:1000;
  max-height:85vh;
  overflow:auto;
}
.cookie-panel[hidden],.cookie-options[hidden]{display:none}
.cookie-panel h2{font:400 1.6rem/1.2 Georgia,serif;margin:0 0 .8rem}
.cookie-panel p{font-size:.9rem;line-height:1.5;margin:0}
.cookie-panel p a{text-decoration:underline;text-underline-offset:2px}
.cookie-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;margin-top:.65rem}
.cookie-panel button{
  background:transparent;
  color:inherit;
  border:1px solid #232622;
  padding:.75rem 1rem;
  font:inherit;
  font-size:.9rem;
  line-height:1.2;
  cursor:pointer;
}
.cookie-panel button[data-choice="all"]{background:#232622;color:#f1eee6}
.cookie-panel button[data-choice="custom"]{border-color:transparent;text-decoration:underline;text-underline-offset:2px;padding-inline:.3rem}
.cookie-options{display:grid;gap:.65rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid #b7b8b0;font-size:.8rem}
.cookie-options label{display:flex;align-items:center;gap:.5rem}
.cookie-options label input{accent-color:#232622}
.cookie-options button{justify-self:start}
.cookie-settings{border:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;padding:0}
.cookie-panel :focus-visible,.cookie-settings:focus-visible{outline:2px solid #232622;outline-offset:3px}
@media(max-width:480px){.cookie-panel{bottom:.5rem;left:.5rem;width:calc(100vw - 1rem);padding:.75rem .85rem}}