/* Page-top control: independent of the existing page layout. */
.back-to-top {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: calc(20px + env(safe-area-inset-bottom));
  z-index: 79;
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .7);
  border-radius: 0;
  background: var(--color-main, #0B6B2A);
  color: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .16);
  cursor: pointer;
}
.back-to-top[hidden], .is-locked .back-to-top { display: none; }
.back-to-top:hover { background: var(--color-main-dark, #085120); }
.back-to-top:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 6px #0B6B2A; }
@media (max-width: 768px) {
  .back-to-top { right: max(12px, env(safe-area-inset-right)); bottom: calc(80px + env(safe-area-inset-bottom)); }
}