/* Always reachable footer turns, without graphics over the paper. */
#page-footer .page-nav-button{
  min-width:44px;width:auto;min-height:44px;height:44px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;
  border:1px solid #00000014;border-radius:12px;background:#ffffff8c;
  color:var(--rail-ink,#111);font-size:11px;line-height:1;opacity:1;
  transition:background .15s,box-shadow .15s,transform .15s;
}
#page-footer .page-nav-button svg{width:19px;height:19px;flex:none}
#page-footer #next.page-nav-button{flex-direction:row-reverse}
#page-footer .page-nav-button:hover{background:#fff;box-shadow:0 2px 8px #0000000c}
#page-footer .page-nav-button:active{transform:translateY(1px)}
#page-footer .page-nav-button:disabled{opacity:.25;box-shadow:none;transform:none}
.dark #page-footer .page-nav-button{background:#ffffff0d;border-color:#ffffff30}
.dark #page-footer .page-nav-button:hover{background:#ffffff1a}
.dark #page-footer .page-nav-button:focus-visible{outline-color:#fff!important}
@media(max-width:640px){
  #page-footer .page-nav-button{width:44px;padding:0;min-height:44px;height:44px;border-radius:12px}
  .page-nav-label{display:none}
}
@media(prefers-reduced-motion:reduce){#page-footer .page-nav-button{transition:none}}