/* A quiet shortcut back to the beginning, in the magazine's accent colour. */
.scroll-top-button{position:fixed;right:28px;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:31;width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #dedbd0;border-radius:50%;background:var(--paper);color:var(--accent);box-shadow:0 4px 18px #303d3314;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .22s ease,transform .22s ease,visibility .22s,background .18s,color .18s}
.scroll-top-button[hidden]{display:none}
.scroll-top-button.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.scroll-top-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.scroll-top-button__label{position:absolute;right:calc(100% + 12px);padding:7px 11px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:13px;color:var(--ink);white-space:nowrap;opacity:0;visibility:hidden;transform:translateX(4px);transition:opacity .18s,transform .18s,visibility .18s}
.scroll-top-button:focus-visible .scroll-top-button__label{opacity:1;visibility:visible;transform:translateX(0)}
@media(hover:hover){.scroll-top-button:hover{background:var(--accent);border-color:var(--accent);color:white}.scroll-top-button:hover .scroll-top-button__label{opacity:1;visibility:visible;transform:translateX(0)}}
@media(max-width:540px){.scroll-top-button{width:44px;height:44px;right:18px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}.scroll-top-button__label{display:none}.site-footer .footer-bottom{padding-right:60px}}
@media(prefers-reduced-motion:reduce){.scroll-top-button,.scroll-top-button__label{transition:none}}