.cookie-banner{
  position:fixed;
  z-index:2000;
  right:18px;
  bottom:18px;
  left:18px;
  max-width:760px;
  max-height:calc(100vh - 36px);
  overflow:auto;
  margin:0 auto;
  padding:20px;
  border:1px solid rgba(255,248,234,.25);
  border-radius:16px;
  background:#152238;
  color:#FFF8EA;
  box-shadow:0 18px 55px rgba(0,0,0,.35);
  font-family:'PT Serif',serif;
}
.cookie-banner[hidden]{display:none}
.cookie-banner__title{
  margin:0 0 8px;
  font-family:'Unbounded',sans-serif;
  font-size:17px;
  line-height:1.3;
}
.cookie-banner__text{margin:0;color:#D4E0E3;font-size:15px;line-height:1.5}
.cookie-banner__text a{color:#FFF8EA;text-underline-offset:3px}
.cookie-banner__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.cookie-choice{
  min-width:0;
  padding:11px 16px;
  border:2px solid #FFF8EA;
  border-radius:999px;
  background:#FFF8EA;
  color:#152238;
  font-family:'IBM Plex Mono',monospace;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
}
.cookie-choice:hover{background:#E8F0ED;border-color:#E8F0ED}
.cookie-choice:focus-visible,.cookie-settings:focus-visible{outline:3px solid #DFA13D;outline-offset:3px}
.cookie-settings{
  position:fixed;
  z-index:1900;
  left:14px;
  bottom:14px;
  padding:8px 11px;
  border:1px solid rgba(255,248,234,.4);
  border-radius:999px;
  background:#152238;
  color:#FFF8EA;
  font-family:'IBM Plex Mono',monospace;
  font-size:11px;
  cursor:pointer;
  box-shadow:0 6px 20px rgba(0,0,0,.22);
}
@media(max-width:520px){
  .cookie-banner{right:10px;bottom:10px;left:10px;padding:17px;max-height:calc(100vh - 20px)}
  .cookie-banner__actions{grid-template-columns:1fr}
  .cookie-choice{min-width:0;width:100%;padding-inline:10px}
}