/* Page-specific treatments for the shared scroll-to-top control. */
.outlived-page .scroll-top,
.tometones-page .scroll-top,
.twofold-page .scroll-top { visibility: hidden; }
.outlived-page .scroll-top.is-visible,
.tometones-page .scroll-top.is-visible,
.twofold-page .scroll-top.is-visible { visibility: visible; }

/* Outlived keeps the shared position with its own palette. */
.outlived-page .scroll-top {
  background: #8e3030;
  color: #f6e6c3;
  box-shadow: 0 4px 20px rgba(110, 28, 28, .45), inset 0 2px 0 rgba(255, 255, 255, .2);
}
.outlived-page .scroll-top:hover { background: #b14338; }

.tometones-page .scroll-top {
  background: #c5a059;
  color: #112018;
  box-shadow: 0 4px 20px rgba(197, 160, 89, .35), inset 0 2px 0 rgba(255, 255, 255, .25);
}
.tometones-page .scroll-top:hover { background: #e3c786; }

.twofold-page .scroll-top {
  border: 2px solid #12213b;
  background: #ffbe46;
  color: #12213b;
  box-shadow: 4px 4px 0 #12213b;
}
.twofold-page .scroll-top:hover { background: #9bdce8; box-shadow: 6px 6px 0 #12213b; }
.twofold-page .scroll-top:active { box-shadow: 2px 2px 0 #12213b; }

.outlived-page .scroll-top:focus-visible,
.tometones-page .scroll-top:focus-visible,
.twofold-page .scroll-top:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }