/* Image-edge navigation; the native rail and project links keep their behavior. */
.rail-stage{position:relative;min-width:0;max-width:100%}
.rail-stage [data-rail]{scrollbar-width:none}
.rail-stage [data-rail]::-webkit-scrollbar{display:none}
.rail-overlay-controls{position:absolute;top:0;left:0;width:100%;height:0;pointer-events:none}
.rail-chevron{position:absolute;top:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer;pointer-events:auto;transform:translateY(-50%);isolation:isolate}
.rail-chevron::before{content:"";position:absolute;inset:6px;border-radius:50%;background:#08080890;backdrop-filter:blur(8px);z-index:-1;transition:background 160ms ease}
.rail-chevron svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rail-chevron[data-previous]{inset-inline-start:4px}
.rail-chevron[data-next]{inset-inline-end:4px}
.rail-chevron[data-previous] svg{transform:rotate(180deg)}
.rail-stage[data-direction="rtl"] .rail-chevron[data-previous] svg{transform:none}
.rail-stage[data-direction="rtl"] .rail-chevron[data-next] svg{transform:rotate(180deg)}
.rail-chevron:hover::before{background:#080808d9}
.rail-chevron:focus-visible{outline:2px solid #ffdc78;outline-offset:1px}
.rail-progress{display:flex;align-items:center;justify-content:center;gap:7px;min-height:10px;margin-top:14px}
.rail-dot{display:block;width:5px;height:5px;flex:none;border-radius:4px;background:var(--muted);opacity:.72;transition:width 160ms ease,opacity 160ms ease}
.rail-dot[data-current="true"]{width:17px;background:var(--ink);opacity:1}
.rail-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.rail-chevron::before,.rail-dot{transition:none}}