/* Kept separate for an explicit, small mobile refinement. */
@media(max-width:600px){.note-two{position:relative;grid-column:1/-1;justify-self:end;bottom:auto;right:auto;margin-top:-5px}.text-link{min-height:44px}.story-copy>button:first-child{min-width:95px}}

/* Acceptance pass: readable copy and forgiving targets, preserving variant B. */
.story-copy #story-body{font-size:16px;line-height:1.85}
.story-copy #close-story{min-height:44px;padding:10px 12px}
.story-actions a,.another{min-height:44px;display:inline-flex;align-items:center}
.player>a,footer>a{min-height:44px;display:inline-flex;align-items:center}
#seek{min-height:24px}
.story-copy :focus-visible,.about :focus-visible,.socials :focus-visible,.player :focus-visible{outline-color:var(--blue)}
@media(min-width:1920px){header,main,footer{max-width:1760px;margin-left:auto;margin-right:auto}header,footer{padding-left:4.5%;padding-right:4.5%}.player{max-width:1720px;margin-inline:auto}}
@media(max-width:600px){
 .intro-bottom p,.about-copy,.catalog-intro,.support p:not(.eyebrow){font-size:14px}
 nav{font-size:12px;gap:14px}
 nav a{min-height:44px;display:inline-flex;align-items:center}
 .song-name small{font-size:10px}
 .social-links small{font-size:12px;opacity:.85}
 .upcoming-list p,.upcoming-note{font-size:12px}
 .story-copy #story-body{font-size:16px}
 .story-actions{gap:12px;flex-wrap:wrap}
 .story-actions a{font-size:13px}
 #seek{height:24px;margin:0}
 .player-title span{font-size:10px;line-height:1.35}
 .player{padding-bottom:max(10px,env(safe-area-inset-bottom))}
 body{padding-bottom:125px}
}
