/* Fully visible chapter access, anchored to the clear scene's outer edge. */
.landscape-story .chapter-rail{position:absolute;z-index:12;left:auto!important;right:30px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%);width:144px!important;height:auto;display:flex;flex-direction:column;gap:0;padding:10px 8px;background:linear-gradient(125deg,#6eb6ce12,transparent),#0c283b80;border:1px solid #d5edf12b;border-radius:19px;backdrop-filter:blur(15px);box-shadow:inset 0 1px #ffffff0b,0 8px 35px #02101814;overflow:visible;transition:none}
.landscape-story .chapter-rail[data-side=left]{left:30px!important;right:auto!important}
.landscape-story .chapter-rail button{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:35px;min-height:35px;text-align:left;padding:0 9px;border:0;border-radius:10px;color:#e0edf2;transition:color .25s}
.landscape-story .chapter-rail button:before{content:'';position:absolute;inset:2px 0;border-radius:9px;background:#dbf0f315;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.75,.3,1)}
.landscape-story .chapter-rail button:hover:before,.landscape-story .chapter-rail button.is-active:before{transform:scaleX(1)}
.landscape-story .chapter-rail button>span{font:400 11px/1.3 var(--ui);letter-spacing:0;color:inherit;text-shadow:0 1px 8px #00121a55}
.landscape-story .chapter-rail button>i{display:block;position:relative;width:4px;height:4px;flex:0 0 4px;margin:0;background:#dbedf57a;border-radius:50%;transition:background .3s,box-shadow .3s}
.landscape-story .chapter-rail button>i:after,.landscape-story .chapter-rail button.is-active:after{display:none}
.landscape-story .chapter-rail button.is-active{background:none;box-shadow:none;color:#fff}
.landscape-story .chapter-rail button.is-active>i{background:#d1f3ff;box-shadow:0 0 0 3px #a9e6f51c,0 0 12px #b4eeff59}
.landscape-story .chapter-rail button:focus-visible{outline:1px solid #c8f0ff;outline-offset:1px}
@media(min-width:761px){.landscape-story[data-chapter="5"] .chapter-rail{top:auto!important;bottom:28px!important;transform:none}.landscape-story[data-chapter="5"] .chapter-rail button{height:31px;min-height:31px}}
.is-entering .landscape-story .chapter-rail{opacity:0!important;pointer-events:none!important}
@media(max-width:1100px) and (min-width:761px){.landscape-story .chapter-rail{width:130px!important;right:24px!important}.landscape-story .chapter-rail[data-side=left]{left:24px!important}.landscape-story .chapter-rail button{gap:9px;padding-inline:7px}}
@media(max-width:760px){.landscape-story .chapter-rail{top:var(--rail-top,104px)!important;right:22px!important;left:auto!important;transform:none;width:108px!important;padding:7px 5px;border-radius:15px;background:linear-gradient(125deg,#6eb6ce12,transparent),#0c283b8a;backdrop-filter:blur(12px)}.landscape-story .chapter-rail button{height:29px;min-height:29px;gap:8px;padding-inline:7px}.landscape-story .chapter-rail button>span{font-size:10px}.landscape-story .chapter-rail button>i{width:3px;height:3px;flex-basis:3px}}
@media(prefers-reduced-transparency:reduce){.landscape-story .chapter-rail{background:#173442;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.landscape-story .chapter-rail button:before{transition:none}}
/* On a narrow screen, two quiet rows above the subject preserve its full width. */
@media(max-width:760px){.landscape-story .chapter-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));left:22px!important;right:22px!important;width:calc(100% - 44px)!important;padding:6px;gap:0;border-radius:14px}.landscape-story .chapter-rail button{height:29px;min-height:29px;padding-inline:4px;justify-content:center;gap:0}.landscape-story .chapter-rail button>i{display:none}.landscape-story .chapter-rail button>span{font-size:10px}}
@media(max-width:370px){.landscape-story .chapter-rail button>span{font-size:9px}}

/* Mobile chapter access: a hairline rail, with full-size invisible hit areas. */
@media(max-width:760px),(pointer:coarse){
 .landscape-story.aperture-overlay .landscape-stage .chapter-rail{display:flex!important;flex-direction:column;top:0!important;bottom:auto!important;left:auto!important;right:calc(6px + env(safe-area-inset-right))!important;width:44px!important;height:200px;padding:0;gap:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transform:translate3d(0,calc(var(--rail-y,40vh) - 100px),0)!important}
 .landscape-story.aperture-overlay .landscape-stage .chapter-rail:before{content:'';position:absolute;top:20px;bottom:20px;left:21px;width:1px;background:#ecf7ff55;box-shadow:0 1px 4px #05191e99}
 .landscape-story.aperture-overlay .landscape-stage .chapter-rail button{grid-column:auto;display:flex;justify-content:center;width:44px;height:40px;min-height:40px;padding:0;border-radius:0;background:none}
 .landscape-story.aperture-overlay .landscape-stage .chapter-rail button:before{display:none}
 .landscape-story.aperture-overlay .landscape-stage .chapter-rail button>i{display:block;width:3px;height:3px;flex-basis:3px;background:#c5dce5;border:0;box-shadow:0 0 3px #071b24;transition:height .2s,background .2s;border-radius:3px}
 .landscape-story.aperture-overlay .landscape-stage .chapter-rail button.is-active>i{height:22px;width:3px;background:#e6f8ff;box-shadow:0 0 0 2px #102c4255}
 .landscape-story.aperture-overlay .landscape-stage .chapter-rail button>span{position:absolute;right:34px;font:500 9px/1.3 var(--ui);white-space:nowrap;padding:4px 6px;color:#edf9ff;background:#102734ad;border-radius:5px;text-shadow:none;opacity:0;pointer-events:none;transition:opacity .15s}
 .landscape-story.aperture-overlay .landscape-stage .chapter-rail button.is-active>span,.landscape-story.aperture-overlay .landscape-stage .chapter-rail button:focus-visible>span,.landscape-story.aperture-overlay .landscape-stage .chapter-rail button:active>span{opacity:1}
 .landscape-story.aperture-overlay .landscape-stage .chapter-rail button:focus-visible{outline:1px solid #daefff;border-radius:8px;outline-offset:-4px}
}
