/* Back to top (to-top.js), in Eric's palette: a navy square with a gold rule and arrow, gold when
   pressed or focused (never white). Square corners, as everywhere on the site; no glass. It sits
   bottom right, lifts itself above the Quote of the Day card, and is hidden in print. Same class
   and behaviour as mashmancg.com's (site.js), so a later site.js sync draws one button, not two. */
.to-top{position:fixed; right:clamp(12px, 2vw, 28px); bottom:calc(max(clamp(12px, 2vw, 28px), env(safe-area-inset-bottom)) + var(--lift, 0px)); z-index:96;
  width:46px; height:46px; padding:0; display:flex; align-items:center; justify-content:center; cursor:pointer;
  background:#051748; color:#C9B57F; border:1px solid #C9B57F; border-radius:0;
  box-shadow:0 12px 30px -12px rgba(2,12,43,0.6);
  opacity:0; transform:translateY(12px); pointer-events:none; visibility:hidden;
  transition:opacity .3s ease, transform .3s ease, bottom .3s ease, background .2s ease, color .2s ease, visibility 0s linear .3s;}
.to-top.is-on{opacity:1; transform:none; pointer-events:auto; visibility:visible; transition:opacity .3s ease, transform .3s ease, bottom .3s ease, background .2s ease, color .2s ease, visibility 0s;}
.to-top svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:square;}
.to-top:hover,.to-top:focus-visible,.to-top:active{background:#C9B57F; color:#051748; border-color:#C9B57F;}
.to-top:focus-visible{outline:2px solid #C9B57F; outline-offset:3px;}
@media (hover:hover){ .to-top:hover svg{transform:translateY(-2px); transition:transform .2s ease;} }
@media (prefers-reduced-motion:reduce){ .to-top,.to-top.is-on{transition:none; transform:none;} .to-top:hover svg{transform:none;} }
@media print{ .to-top{display:none !important;} }
