.cookie-banner {
  position: fixed;
  z-index: 80;
  left: 12px;
  bottom: 12px;
  width: min(320px, calc(100% - 24px));
  max-height: 46vh;
  overflow: auto;
  margin: 0;
  padding: 10px 12px;
  background: #101f35;
  color: #f5f3ed;
  border: 1px solid rgba(201, 164, 92, .7);
  font: 400 12.5px/1.35 var(--text, "Lato", Arial, sans-serif);
}
.cookie-banner[hidden] { display: none; }
.cookie-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.cookie-banner p { margin: 0 0 8px; }
.cookie-banner a { color: #c9a45c; text-decoration: underline; text-underline-offset: 2px; }
.cookie-actions, .cookie-categories fieldset { display: flex; flex-wrap: wrap; gap: 6px; }
.cookie-choice, .cookie-ghost {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #c9a45c;
  font: 700 10px/1 var(--text, "Lato", Arial, sans-serif);
  letter-spacing: .06em;
  text-transform: uppercase;
  cursor: pointer;
}
.cookie-choice { background: #c9a45c; color: #101f35; }
#cookie-accept, #cookie-reject { width: 84px; padding: 0; }
.cookie-ghost { background: transparent; color: #f5f3ed; border-color: rgba(245, 243, 237, .35); }
.cookie-categories {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid rgba(245, 243, 237, .14);
}
.cookie-categories[hidden] { display: none; }
.cookie-categories fieldset { margin: 0 0 8px; padding: 0; border: 0; }
.cookie-row { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; }
.cookie-row input { width: 13px; height: 13px; margin: 0; accent-color: #c9a45c; }
.cookie-banner :focus-visible { outline: 2px solid #c9a45c; outline-offset: 2px; }