
.page-rail{--pr-step:clamp(40px,7vh,58px);--pr-at:0;--pr-gold:var(--accent,var(--gold));--pr-gold-text:var(--accent-text,var(--gold-rule));--pr-centre:7.5px;--pr-track:27px;--pr-bead:9px;--pr-thumb-width:19px;--pr-thumb-height:min(34px,calc(var(--pr-step) - 8px));--pr-groove:color-mix(in srgb,var(--text) 6%,transparent);--pr-wash:color-mix(in srgb,var(--pr-gold) 16%,transparent);position:fixed;left:calc(50% + 494px + clamp(36px,calc(50vw - 714px),72px));top:calc(50% + 38px);transform:translateY(-50%);z-index:38;padding:0 22px 0 16px;overflow:hidden;font-size:14px;line-height:1.2;user-select:none;-webkit-user-select:none}
.page-rail ol{position:relative;list-style:none;margin:0;padding:0}

.page-rail ol::before{content:"";position:absolute;left:calc(var(--pr-centre) - var(--pr-track) / 2);top:calc((var(--pr-step) - var(--pr-track)) / 2);bottom:calc((var(--pr-step) - var(--pr-track)) / 2);box-sizing:border-box;width:var(--pr-track);border:1px solid var(--line);border-radius:999px;background:var(--pr-groove)}
.page-rail li{height:var(--pr-step)}
.page-rail a{--pr-near:0;display:flex;align-items:center;height:100%;color:var(--muted);text-decoration:none;white-space:nowrap;-webkit-user-drag:none}
.page-rail a:hover{color:var(--text);text-decoration:none}
.page-rail a[aria-current="true"]{color:var(--text);font-weight:600}
.pr-dot{flex:none;position:relative;z-index:1;box-sizing:border-box;width:var(--pr-bead);height:var(--pr-bead);margin:0 calc(var(--pr-centre) - var(--pr-bead) / 2);border:1.5px solid var(--text);border-radius:50%;background:var(--surface)}
.page-rail a:hover .pr-dot{border-color:var(--pr-gold)}
.pr-mail{flex:none;position:relative;z-index:1;width:21px;height:16px;margin:0 -3px;max-width:none;color:var(--text)}
.pr-mail rect{fill:var(--surface)}
.pr-mail rect,.pr-mail path{stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.pr-mail path{fill:none}
.page-rail a:hover .pr-mail,.page-rail a[aria-current="true"] .pr-mail{color:var(--pr-gold-text)}
.pr-n{flex:none;width:22px;margin-left:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums}
.page-rail a[aria-current="true"] .pr-n{color:var(--pr-gold-text)}
.pr-name{margin-left:14px;transform-origin:0 50%;transform:scale(calc(1 + .12 * var(--pr-near)))}

.page-rail li.pr-ring{display:none;position:absolute;left:calc(var(--pr-centre) - var(--pr-thumb-width) / 2);top:calc((var(--pr-at) + .5) * var(--pr-step));z-index:2;box-sizing:border-box;width:var(--pr-thumb-width);height:var(--pr-thumb-height);margin-top:calc(var(--pr-thumb-height) / -2);border:1.5px solid var(--pr-gold);border-radius:999px;background:var(--pr-wash);pointer-events:none}
.page-rail.pr-on li.pr-ring{display:block}
.page-rail.pr-on{height:calc(var(--pr-step) * var(--pr-stops))}

.page-rail.pr-on:not(.is-open){height:calc(var(--pr-step) * 5);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 calc(var(--pr-step) * .5),#000 calc(100% - var(--pr-step) * .5),transparent);mask-image:linear-gradient(to bottom,transparent,#000 calc(var(--pr-step) * .5),#000 calc(100% - var(--pr-step) * .5),transparent)}
.page-rail.pr-on:not(.is-open) ol{transform:translateY(calc((2 - var(--pr-at)) * var(--pr-step)))}
.page-rail.is-open a{opacity:1 !important}
.page-rail.is-dragging{cursor:grabbing}

.page-rail.is-shifting{transition:height .18s ease-out}
.page-rail.is-shifting ol{transition:transform .18s ease-out}
.page-rail.is-shifting a{transition:opacity .18s ease-out}
@media (max-width:1499px){
  .page-rail{left:auto;right:10px;padding:0 24px 0 22px;border:1px solid transparent;border-radius:var(--aik-radius-card,14px)}
  .page-rail.is-open,.page-rail:not(.pr-on):hover,.page-rail:not(.pr-on):focus-within{background:var(--surface);border-color:var(--line)}

  .page-rail.pr-on:not(.is-open) .pr-n,.page-rail.pr-on:not(.is-open) .pr-name,.page-rail:not(.pr-on):not(:hover):not(:focus-within) .pr-n,.page-rail:not(.pr-on):not(:hover):not(:focus-within) .pr-name{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%)}
  .page-rail.pr-on:not(.is-open),.page-rail:not(.pr-on):not(:hover):not(:focus-within){padding-right:10px}
}
@media (max-width:720px){
  .page-rail{--pr-step:clamp(32px,5.6vh,44px);--pr-centre:5.5px;--pr-track:21px;--pr-bead:7px;--pr-thumb-width:15px;right:1px;padding:0 12px 0 16px}
  .page-rail.pr-on:not(.is-open),.page-rail:not(.pr-on):not(:hover):not(:focus-within){padding-right:7px}
  .pr-mail{width:17px;height:13px}
}
@media print{.page-rail{display:none}}
