.site_cookie_panel {
  position: fixed;
  z-index: 20;
  right: 20px;
  bottom: 20px;
  width: min(368px, calc(100% - 40px));
  max-height: calc(100dvh - 40px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 18px;
  border: 1px solid #424344;
  border-left: 3px solid #ff964f;
  border-radius: 4px;
  background: #1c1d1e;
  color: #f1eee8;
  font: 16px/1.45 var(--font, 'Segoe UI', Arial, sans-serif);
  box-shadow: 0 10px 32px #0005;
}

.site_cookie_panel[hidden] { display: none; }
.site_cookie_heading { display: flex; align-items: start; gap: 10px; margin-bottom: 10px; }
.site_cookie_heading svg { flex: 0 0 24px; width: 24px; height: 24px; color: #ff964f; }
.site_cookie_heading h2 { margin: 0; font: 500 20px/1.25 var(--font, 'Segoe UI', Arial, sans-serif); letter-spacing: normal; text-wrap: balance; }
.site_cookie_copy { margin: 0 0 14px; }
.site_cookie_actions { display: flex; flex-wrap: wrap; gap: 8px; }
.site_cookie_action { min-height: 40px; padding: 10px 16px; border: 1px solid #ff964f; border-radius: 4px; color: #f1eee8; background: transparent; cursor: pointer; font: 500 16px/1.25 var(--font, 'Segoe UI', Arial, sans-serif); }
.site_cookie_accept { color: #121314; background: #ff964f; }
.site_cookie_action:enabled:hover { border-color: #ffb078; background: #ff964f22; }
.site_cookie_accept:enabled:hover { background: #ffb078; }
.site_cookie_action:disabled { cursor: wait; opacity: .65; }
.site_cookie_action:focus-visible { outline: 2px solid #f1eee8; outline-offset: -2px; }
.site_cookie_error { margin: 10px 0 0; color: #ffbd97; font-size: 14px; }
.site_cookie_error:empty { display: none; }
.site_cookie_information { max-width: 560px; font: 14px/1.5 var(--font, 'Segoe UI', Arial, sans-serif); }
.site_cookie_information summary { width: fit-content; min-height: 24px; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.site_cookie_information p { margin: 12px 0 0; }

@media (max-width: 560px) {
  .site_cookie_panel { right: 10px; bottom: 10px; width: min(368px, calc(100% - 20px)); max-height: calc(100dvh - 20px); padding: 14px; }
  .site_cookie_action { flex: 1 1 96px; padding: 10px 6px; }
}

@media (pointer: coarse) {
  .site_cookie_action { min-height: 44px; }
}