.public-page-close {
  position: fixed;
  top: calc(12px + env(safe-area-inset-top, 0px));
  right: calc(12px + env(safe-area-inset-right, 0px));
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  box-sizing: border-box;
  border: 1px solid #d5d8cd;
  border-radius: 14px;
  background: #fbfaf7;
  color: #514f47;
  box-shadow: 0 4px 16px #0002;
  text-decoration: none;
  font: 28px/1 sans-serif;
}
.public-page-close:focus-visible { outline: 3px solid #829168; outline-offset: 3px; }
body:has(.public-page-close) > main > h1 { padding-right: 52px; }
.public-commerce-page:has(.public-page-close) .public-commerce-header { padding-right: 76px; }
@media (prefers-color-scheme: dark) {
  .public-page-close { background: #24231f; color: #f4f2ee; border-color: #555249; }
}