.discovery-access-dialog {
  width: min(560px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
  max-height: calc(100dvh - 40px);
  padding: clamp(24px, 5vw, 40px);
  box-sizing: border-box;
  border: 1px solid var(--rule, #b7a78f);
  background: var(--sheet, #faf7f0);
  color: var(--ink, #203a30);
  overflow-y: auto;
}
.discovery-access-dialog::backdrop {
  background: #1d262299;
}
.discovery-access-dialog h2 {
  font: 500 clamp(1.5rem, 4vw, 2rem)/1.2 var(--f-body, sans-serif);
  margin: 0 0 20px;
}
.discovery-access-dialog p {
  line-height: 1.7;
}
.discovery-access-dialog button,
.discovery-access-failure button {
  min-height: 48px;
  padding: 12px 24px;
  border: 1px solid var(--ink, #203a30);
  background: var(--ink, #203a30);
  color: var(--sheet, #faf7f0);
  font: inherit;
  cursor: pointer;
}
.discovery-access-dialog button:focus-visible {
  outline: 3px solid var(--oxide, #8a5a2b);
  outline-offset: 4px;
}
.heart-detail-return {
  padding-block: 32px;
}