/* Exact return-control cascade extracted from the accepted Wild homepage.
   Shared by the homepage and connected pages; preserve its responsive states. */
.back-to-top{position: fixed; left: 18px; bottom: 18px; z-index: 99; display: inline-flex; align-items: center; gap: 10px; min-height: 42px; padding: 9px 13px 8px 10px; border: var(--frame) solid var(--ink); background: var(--ink); color: var(--bg); font: 600 11px/1 var(--mono); letter-spacing: 0.08em; text-transform: uppercase; box-shadow: 4px 4px 0 var(--acid); opacity: 0; pointer-events: none; transform: translateY(10px); transition: transform 0.18s;}
.back-to-top__arrow{color: var(--acid); font-size: 18px; line-height: 0.7; transform: translateY(-1px);}
.back-to-top span{pointer-events: none;}
.back-to-top:hover, .back-to-top:focus-visible{background: var(--acid); color: var(--on-acid); outline: none;}
.back-to-top:hover .back-to-top__arrow, .back-to-top:focus-visible .back-to-top__arrow{color: var(--ink);}
@media (max-width: 859px) {.back-to-top{left: 10px; bottom: calc(92px + env(safe-area-inset-bottom)); min-height: 40px; padding: 8px 11px 7px 9px;}}
 .back-to-top{font-size: var(--type-11); letter-spacing: var(--tracking-ui);}
.back-to-top{left: 14px; bottom: 58px; z-index: 9997;}
@media (max-width: 859px) {.back-to-top{left: 10px; bottom: calc(132px + env(safe-area-inset-bottom));}}
.back-to-top{min-height: 0px; padding: 6px 0px; border: 0px; background: transparent; box-shadow: none; color: var(--ink); font: 500 var(--type-11)/1 var(--mono); letter-spacing: var(--tracking-ui); text-transform: uppercase; text-decoration: none;}
.back-to-top__arrow{color: var(--ink); font-size: var(--type-16);}
.back-to-top:hover, .back-to-top:focus-visible{background: transparent; color: var(--acid); outline: none;}
.back-to-top:hover .back-to-top__arrow, .back-to-top:focus-visible .back-to-top__arrow{color: var(--acid);}
#backToTop.back-to-top{min-height: 0px; padding: 6px 0px; border: 0px; background: transparent; box-shadow: none; color: var(--ink); font: 500 var(--type-11)/1 var(--mono);}
#backToTop.back-to-top:hover, #backToTop.back-to-top:focus-visible{background: transparent; color: var(--acid);}
 .back-to-top:hover, .back-to-top:focus-visible{color: var(--on-acid,#fff) !important;}
@media (max-width: 700px) {#backToTop.back-to-top{min-height: 44px; padding: 10px; background: var(--bg); bottom: calc(64px + env(safe-area-inset-bottom));}
#backToTop.back-to-top:hover, #backToTop.back-to-top:focus-visible{background: var(--bg);}}
#backToTop.back-to-top:hover, #backToTop.back-to-top:focus-visible{background: var(--bg); color: rgb(191, 9, 9) !important;}
#backToTop.back-to-top:hover *, #backToTop.back-to-top:focus-visible *{color: rgb(191, 9, 9) !important;}
@media (max-width: 960px) {#backToTop.back-to-top{padding: 12px 16px; min-height: 44px; font-weight: 600; border: 0px; background: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important;}
#backToTop.back-to-top *{color: rgb(255, 255, 255) !important;}
#backToTop.back-to-top:is(:hover, :focus-visible, :active){background: rgb(191, 9, 9) !important; color: rgb(255, 255, 255) !important;}
#backToTop.back-to-top:is(:hover, :focus-visible, :active) *{color: rgb(255, 255, 255) !important;}}
