/* One compact audio row, shown only after the original control scrolls above the header. */
.story-sticky-audio[hidden]{display:none!important}
.story-sticky-audio{display:none}
@media(max-width:760px),(max-width:1100px) and (pointer:coarse){
 .story-sticky-audio{position:fixed;top:var(--story-sticky-top,64px);left:0;right:0;z-index:19;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;min-height:58px;padding:7px max(14px,env(safe-area-inset-right)) 7px max(14px,env(safe-area-inset-left));background:#edf5eb;color:#285b3c;border-bottom:1px solid #ccddcd;box-shadow:0 3px 9px #25482d0c}
 .story-sticky-audio__info{display:flex;align-items:center;gap:10px;min-width:0;flex:1;font-size:15px;font-weight:650;line-height:1.3}
 .story-sticky-audio__symbol{display:flex;align-items:center;justify-content:center;width:26px;height:28px;flex:none}
 .story-sticky-audio__symbol svg{display:block;width:25px;height:25px}
 .story-sticky-audio__label{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
 .story-sticky-audio__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-width:126px;min-height:44px;padding:10px 15px;border:1px solid #285b3c;border-radius:24px;background:#356c49;color:#fff;font:inherit;font-size:15px;font-weight:700;line-height:1.2;white-space:nowrap;box-shadow:none;touch-action:manipulation;cursor:pointer}
 .story-sticky-audio__button:focus-visible{outline:3px solid #daac37;outline-offset:3px}
 .story-sticky-audio__button:disabled{opacity:.55;cursor:default}
 .story-sticky-audio__action{display:flex;align-items:center;width:17px;height:17px;justify-content:center}
 .story-sticky-audio__action svg{display:block;width:17px;height:17px;fill:currentColor}
 .story-sticky-audio__bars{display:none;align-items:center;gap:3px;height:26px}
 .story-sticky-audio__bars i{display:block;width:3px;height:10px;background:currentColor;border-radius:3px;animation:story-sticky-wave .75s ease-in-out infinite alternate}
 .story-sticky-audio__bars i:nth-child(2){height:22px;animation-delay:.2s}.story-sticky-audio__bars i:nth-child(3){height:15px;animation-delay:.35s}.story-sticky-audio__bars i:nth-child(4){height:8px;animation-delay:.1s}
 .story-sticky-audio[data-state=playing] .story-sticky-audio__headphones,.story-sticky-audio[data-state=loading] .story-sticky-audio__headphones{display:none}
 .story-sticky-audio[data-state=playing] .story-sticky-audio__bars{display:flex}
 .story-sticky-audio[data-state=loading] .story-sticky-audio__symbol:after{content:"";width:20px;height:20px;border:2px solid #bfd3c1;border-top-color:#356c49;border-radius:50%;animation:story-sticky-spin .9s linear infinite}
 /* Keep the initial inline message compact; the sticky row carries it after scrolling. */
 .story-reader #storyAudioStatus:not(:empty){padding:6px 0;margin:6px 0 14px;border:0;background:transparent;box-shadow:none;border-radius:0;font-size:14px;line-height:1.5}
 html.story-sticky-audio-ready{scroll-padding-top:calc(var(--story-sticky-header-height,64px) + 72px)}
 .story-reader #storyText{scroll-margin-top:8px}
}
@keyframes story-sticky-wave{to{height:24px}}
@keyframes story-sticky-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.story-sticky-audio__bars i,.story-sticky-audio[data-state=loading] .story-sticky-audio__symbol:after{animation:none}}
