/* On the first pass the scene is the sleeve note beside the player. */
.tape-first{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.32fr);grid-template-areas:"intro scene" "tape scene";
  align-items:center;gap:0 clamp(18px,3.1vw,36px);margin:17px 0 22px;padding:15px 0 9px;border-top:1px solid #bdccbd
}
.tape-first .tape-intro{grid-area:intro}.tape-intro h2{font:900 clamp(1.35rem,2.2vw,1.7rem)/1.14 TonSerif,Georgia,serif;letter-spacing:-.035em;margin:0 0 5px;color:#284841}
.tape-intro p{max-width:72ch;font-size:.96rem;line-height:1.45;color:#3e534c}
.tape-first .tape-player{grid-area:tape;width:100%;align-self:start;margin:14px 0 5px}
.tape-first .story-scene{grid-area:scene;display:block;margin:0;border-inline-start:1px solid #cccfbb;padding-inline-start:18px}
.tape-first .story-scene img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;border:1px solid #b6b59d;border-radius:6px}
.tape-first .story-scene p{font-size:.88rem;line-height:1.42;color:#475648;margin:8px 0 0}.tape-first .story-scene small{font-size:.77rem}
.tape-first:not(:has(.story-scene)){grid-template-areas:"intro" "tape";grid-template-columns:minmax(0,750px)}
.reading:has(.tape-player) .reading-original{margin-top:15px}
@media(max-width:750px){
 .tape-first{grid-template-columns:minmax(0,1fr);grid-template-areas:"scene" "intro" "tape";gap:6px;margin:10px 0 17px;padding:0;border:0}
 .tape-first .story-scene{display:flex;gap:11px;align-items:center;border:0;padding:0;margin:0 0 5px}.tape-first .story-scene img{width:69px;height:53px;aspect-ratio:auto;flex:none}
 .tape-first .story-scene p{font-size:.85rem;margin:0}.tape-intro p{font-size:.9rem}.tape-first .tape-player{margin-top:3px}
 .reading:has(.tape-player) .tape-player{margin-top:9px}.reading:has(.tape-player) .reading-original{margin-top:10px}
}
.story-relisten{border-block:1px solid #bdccbd;margin:16px 0;padding:3px 0}
.story-relisten summary{width:fit-content;cursor:pointer;padding:12px 3px;color:#28534d;font-weight:750}
.story-relisten .tape-player{margin:2px 0 15px}
