/* Guide-only additions. Button values follow the current LP inline + mobile.css cascade.
   Existing navigation.js handles the click and focus. No shared stylesheet is changed. */
.back-to-top-btn {
      --color-accent-soft: #F2C879;
      --color-accent: #E6A100;
      --color-base: #0B1420;
      position: fixed;
      right: 16px;
      bottom: 16px;
      width: 44px;
      height: 44px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--color-accent-soft), var(--color-accent));
      border: none;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      box-shadow: none;
      opacity: 0;
      visibility: hidden;
      transform: translateY(10px);
      transition: none;
      z-index: 60;
    }

.back-to-top-btn.is-visible {
      opacity: 1;
      visibility: visible;
      transform: translateY(0);
    }

.back-to-top-btn svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: var(--color-base);
      stroke-width: 2.5;
    }

.back-to-top-btn:focus-visible,
footer.footer-wrap.lp-closing-footer .footer-logo-link:focus-visible {
  outline: 3px solid #F2C879;
  outline-offset: 4px;
}

/* Preserve the existing 56px footer logo's flex allocation and image dimensions. */
footer.footer-wrap.lp-closing-footer .footer-logo-link {
  display: block;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  line-height: 0;
}