/* Quiet previous/next controls remain within easy reach at the viewport edges. */
.section-jump{position:relative;z-index:55}
.section-jump button{position:fixed;left:50%;transform:translateX(-50%);z-index:55;min-width:90px;min-height:36px;padding:7px 17px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 94%,transparent);color:var(--ink);font-size:12px;font-weight:500;line-height:1.4;box-shadow:0 2px 10px #243c460a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);touch-action:manipulation;white-space:nowrap}
.section-jump button[hidden]{display:none}
.section-jump button:hover{border-color:var(--venous-color)}
.section-jump-previous{top:calc(var(--live-strip-height,0px) + env(safe-area-inset-top,0px) + 52px)}
.section-jump-next{bottom:calc(env(safe-area-inset-bottom,0px) + 10px)}
body:has(dialog[open]) .section-jump,body.demo-active .section-jump,body:has(.pv-expanded) .section-jump{display:none}
body{padding-bottom:calc(54px + var(--section-tail-space,0px))}
@media(max-width:600px){.section-jump button{min-height:40px;font-size:12px}.section-jump-next{bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}}
