privacy-notice { display: block; }
html { scroll-padding-bottom: var(--privacy-notice-height, 0px); }
body { padding-bottom: var(--privacy-notice-height, 0px); }
.privacy-notice {
  position: fixed;
  inset: auto 0 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .25rem 1.5rem;
  padding: .75rem max(1rem, calc((100% - 1200px) / 2));
  padding-bottom: max(.75rem, env(safe-area-inset-bottom));
  border-top: 1px solid #d6d3d1;
  background: #fafaf9;
  color: #292524;
  font: .875rem/1.5 system-ui, sans-serif;
}
.privacy-notice p { flex: 1 1 32rem; margin: 0; }
.privacy-notice-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; }
.privacy-notice a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; text-decoration: underline; text-underline-offset: .2em; padding: .5rem 0; }
.privacy-notice button { min-height: 44px; font: inherit; color: inherit; background: transparent; border: 1px solid #78716c; border-radius: .375rem; padding: .5rem .875rem; cursor: pointer; }
.privacy-notice a:focus-visible, .privacy-notice button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.dark .privacy-notice { background: #1c1917; color: #fafaf9; border-color: #57534e; }