/* ==========================================================================
   Back-to-top button — fixed corner button, shown past the first screen
   (js/components/back-to-top.js).
   ========================================================================== */

/* --- Back to top ---------------------------------------------------------*/
.to-top {
  position: fixed; z-index: 40; inset-inline-end: var(--space-6); bottom: var(--space-6);
  width: 48px; height: 48px; padding: 0; border: 0; cursor: pointer;
  display: grid; place-items: center; border-radius: 999px;
  background: var(--color-accent); color: var(--color-text);
  box-shadow: var(--shadow-md);
  opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.to-top:hover { background: var(--color-accent-600); }