.scene-notes article[data-scene-note]{position:relative;cursor:pointer;border-radius:0 16px 16px 0;padding-right:1rem;transition:border-color .2s,background-color .2s,transform .25s ease}
.scene-notes article[data-scene-note]:hover{background:#eef1e4;border-color:#8fa883;transform:translateX(3px)}
.scene-notes article[data-scene-note].active{background:#f3f1e3;border-color:#173b25;box-shadow:inset 3px 0 0 #173b25}
.scene-notes article[data-scene-note].active>span{color:#173b25}
.scene-notes article[data-scene-note]:has(.scene-note-pick:focus-visible){background:#eef1e4;outline:3px solid #ab6a26;outline-offset:3px}
.scene-note-pick{all:unset;display:inline;cursor:pointer;font:inherit;color:#173b25;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.22em;transition:text-decoration-color .2s}
.scene-notes article[data-scene-note]:hover .scene-note-pick,.scene-notes article[data-scene-note].active .scene-note-pick{text-decoration-color:#8fa883}
.scene-note-pick:focus-visible{outline:3px solid #ab6a26;outline-offset:3px;box-shadow:none;border-radius:3px}
.scene-notes article[data-scene-note]:has(.scene-note-pick:focus-visible) .scene-note-pick:focus-visible{outline:none}
.scene-note-pick::after{content:"→";display:inline-block;margin-left:.45rem;color:#617957;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s}
.scene-notes article[data-scene-note]:hover .scene-note-pick::after,.scene-notes article[data-scene-note].active .scene-note-pick::after,.scene-note-pick:focus-visible::after{opacity:1;transform:none}
.scene-stage{scroll-margin-top:1rem}
@media(hover:none){.scene-note-pick::after{opacity:.7;transform:none}}
@media(prefers-reduced-motion:reduce){.scene-notes article[data-scene-note],.scene-note-pick,.scene-note-pick::after{transition:none}.scene-notes article[data-scene-note]:hover{transform:none}}
html[data-motion=reduce] .scene-notes article[data-scene-note],html[data-motion=reduce] .scene-note-pick,html[data-motion=reduce] .scene-note-pick::after{transition:none}
html[data-motion=reduce] .scene-notes article[data-scene-note]:hover{transform:none}