/* 1.35: site-wide instant top/bottom navigation, available at every scroll position. */
.wonder-quick-nav{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:90;display:flex;flex-direction:column;gap:7px;padding:7px;border:1px solid #d5cbbb;border-radius:35px;background:#fcf8f0f5;box-shadow:0 5px 22px #153e3526}
.wonder-quick-nav button{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:#153e35;color:#fffaf2;cursor:pointer;transition:background .15s}
.wonder-quick-nav button:hover:not(:disabled){background:#74162c}
.wonder-quick-nav button:focus-visible{outline:3px solid #b45425;outline-offset:3px}
.wonder-quick-nav button:disabled{background:#e3dfd5;color:#797b72;cursor:default}
.wonder-nav-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:650px){.wonder-quick-nav{right:10px;bottom:calc(14px + env(safe-area-inset-bottom));padding:5px;gap:6px}.wonder-quick-nav button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.wonder-quick-nav button{transition:none}}