.page-scroll-dock[hidden]{display:none}
.page-scroll-dock{position:fixed;z-index:30;right:max(20px,calc((100vw - 1200px)/2));bottom:var(--page-scroll-bottom,4px);display:flex;align-items:center;justify-content:flex-end;pointer-events:none}
.page-scroll-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:104px;min-height:44px;padding:10px 12px;border:1px solid var(--link);border-radius:12px;background:var(--surface-raised);color:var(--link);font:600 16px/1.4 "Segoe UI",Arial,sans-serif;cursor:pointer;pointer-events:auto;animation:page-scroll-pulse 2.4s ease-out 3}
.page-scroll-button .icon{width:20px;height:20px;color:inherit;flex:0 0 20px}
.page-scroll-button[data-direction=up] .icon{transform:rotate(180deg)}
.page-scroll-button:is(:hover,:active){background:var(--surface-soft);color:var(--link);animation:none}
.page-scroll-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px;animation:none}
body.site-shell.has-scroll-navigation>.portal-footer .portal-footer__bar{padding-right:120px}
@keyframes page-scroll-pulse{0%,100%{box-shadow:0 0 0 0 transparent}45%{box-shadow:0 0 0 5px color-mix(in srgb,var(--link) 22%,transparent)}}
@media(max-width:768px){
 body.site-shell.has-scroll-navigation{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
 body.site-shell.has-scroll-navigation>.portal-footer .portal-footer__bar{padding-right:0}
 .page-scroll-dock{right:0;left:0;bottom:0;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));min-height:64px;border-top:1px solid var(--border);background:var(--surface-raised)}
 .page-scroll-button{min-width:112px}
}
@media(prefers-reduced-motion:reduce){.page-scroll-button{animation:none}}
@media print{.page-scroll-dock{display:none}body.site-shell.has-scroll-navigation{padding-bottom:0}}