#sr-cookie-notice {
  box-sizing: border-box;
  position: fixed;
  inset: auto auto 12px 50%;
  transform: translateX(-50%);
  margin: 0;
  z-index: 10000;
  width: min(860px, calc(100% - 24px));
  max-height: calc(100dvh - 32px);
  overflow: auto;
  padding: 8px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  font-family: inherit;
  box-shadow: 0 8px 28px rgb(15 23 42 / 12%);
}
#sr-cookie-notice:not([open]) { display: none; }
#sr-cookie-notice h2 { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
/* Keep the compact notice independent of public-page paragraph overrides. */
#sr-cookie-notice p { margin: 0; font-size: 14px !important; line-height: 1.5; }
#sr-cookie-notice .sr-cookie-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 4px; }
#sr-cookie-notice a { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 0; border-radius: 4px; color: #334155; font-size: 14px; font-weight: 600; line-height: 20px; text-decoration: none; }
#sr-cookie-notice a span { display: block; padding: 5px 12px; border: 1px solid #cbd5e1; border-radius: 4px; background: #fff; }
#sr-cookie-notice a:hover span { background: #f8fafc; border-color: #94a3b8; }
#sr-cookie-notice button { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 0; border: 0; border-radius: 4px; background: transparent; color: #fff; font: inherit; font-size: 14px; font-weight: 600; line-height: 20px; cursor: pointer; }
#sr-cookie-notice button span { display: block; padding: 6px 12px; border-radius: 4px; background: #4f46e5; }
#sr-cookie-notice button:hover span { background: #4338ca; }
#sr-cookie-notice :is(a, button):focus-visible { outline: 3px solid #818cf8; outline-offset: 3px; }

@media (min-width: 640px) {
  #sr-cookie-notice[open] { display: flex; align-items: center; gap: 24px; }
  #sr-cookie-notice p { flex: 1; }
  #sr-cookie-notice .sr-cookie-actions { flex: none; flex-wrap: nowrap; margin-top: 0; }
}
