/* Site-level browser-history return control. The button is revealed by
   history_back.js only when the browser reports a previous history entry. */
.site-back-button {
  display: inline-block;
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  padding: 0;
  border: 0;
  appearance: none;
  background: url("../assets/images/ui/BackButton_Default.93f7f4076d9c.png") center / contain no-repeat;
  background-image: image-set(
    url("../assets/optimized/images/ui/BackButton_Default.5652d2f663f8.webp") type("image/webp"),
    url("../assets/images/ui/BackButton_Default.93f7f4076d9c.png") type("image/png")
  );
  cursor: pointer;
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.36)) drop-shadow(0 0 10px rgba(255, 225, 160, 0.08));
  transition: transform 180ms ease, filter 180ms ease;
}

.site-back-button:hover,
.site-back-button:focus-visible {
  background-image: url("../assets/images/ui/BackButton_Hovered.52aceae9117f.png");
  background-image: image-set(
    url("../assets/optimized/images/ui/BackButton_Hovered.cbf8a3169489.webp") type("image/webp"),
    url("../assets/images/ui/BackButton_Hovered.52aceae9117f.png") type("image/png")
  );
  transform: scale(1.08);
  filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.44)) drop-shadow(0 0 16px rgba(255, 225, 160, 0.18));
}

.site-back-button:focus-visible {
  outline: 2px solid var(--site-gold-strong);
  outline-offset: 3px;
}

.site-back-button[hidden] {
  display: none;
}

@media (max-width: 640px) {
  .site-back-button {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .site-back-button {
    transition: none;
  }

  .site-back-button:hover,
  .site-back-button:focus-visible {
    transform: none;
  }
}