/* Archive notice shown over every page of the archived goldenberry.eu, once per visit. */
@view-transition { navigation: auto; }

html:not(.archive-ack) body { overflow: hidden; }
html.archive-ack .archive-modal { display: none; }

.archive-modal {
  position: fixed; inset: 0; z-index: 10000;
  display: flex; align-items: center; justify-content: center;
  padding: 16px;
  background: rgba(31, 24, 26, 0.72);
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  view-transition-name: archive-modal;
}
.archive-modal-box {
  box-sizing: border-box; max-width: 460px; width: 100%;
  background: #fff; color: #5d5052; text-align: left;
  border-top: 6px solid #3abbc2;
  padding: 32px 28px 28px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}
.archive-modal-box h2 {
  margin: 0 0 16px; padding: 0; font-size: 26px; font-weight: 300; color: #3abbc2; line-height: 1.25;
  text-transform: none; letter-spacing: normal;
}
.archive-modal-box p { margin: 0 0 14px; padding: 0; font-size: 16px; line-height: 1.55; color: #5d5052; }
.archive-modal-box p.archive-note { color: #8f8486; font-size: 14px; margin-bottom: 26px; }
.archive-modal-box button {
  font: inherit; font-size: 15px; font-weight: 600;
  color: #fff; background: #3abbc2; border: 0; cursor: pointer;
  padding: 12px 26px; text-transform: none;
}
.archive-modal-box button:hover, .archive-modal-box button:focus-visible { background: #2f969b; }
.archive-modal-box button:focus-visible { outline: 2px solid #12a1a7; outline-offset: 3px; }