/* R12: listener-first presentation; method remains in Guide/research view. */
.listener-ui .hero{padding-top:36px;padding-bottom:26px;gap:22px}
.listener-ui .hero h1{font-size:clamp(36px,4.5vw,66px);line-height:1.04}
.listener-ui .hero .intro{margin:12px 0 0;max-width:40ch;font-size:17px}
.listener-ui .hero .eyebrow,.listener-ui .hero-record{display:none}
.listener-ui .hero-copy,.listener-ui .search-form{grid-column:1/-1;max-width:none}
.listener-ui .search-form{margin:0}
.listener-ui .search-form>.scope-note,.listener-ui .workspace>.scope-note,
.listener-ui .workspace>.art-note,.listener-ui .workspace>.query-readout,
.listener-ui .filter-count-basis,.listener-ui .workspace-head .eyebrow{display:none}
.listener-ui .examples{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.listener-ui .query-chip{min-height:40px;padding:8px 14px;font-size:13px}
.listener-ui .listener-add-cta{margin:10px 0;display:inline-flex}
.listener-ui .listener-add-cta .button{min-height:44px;border-color:var(--lime,#bdf34b);font-weight:700}
.listener-filters{margin:12px 0 0;max-width:100%;border-top:1px solid #2d4436;padding-top:12px}
.listener-filters>summary,.listener-about>summary,.listener-collections>summary{cursor:pointer;font-size:14px;font-weight:600;min-height:32px}
.listener-filters .filters{margin:12px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.listener-filters [hidden]{display:none!important}
.listener-ui .workspace{padding-top:12px}
.listener-ui .workspace-head{margin-bottom:12px}
.listener-ui .scope-tabs{margin:10px 0 18px}
.listener-about{margin:32px 0 0;border-top:1px solid #2d4436;padding:18px 0;color:var(--muted,#b9c9bd)}
.listener-about .semantic-launch,.listener-about .filter-context{margin:12px 0}
.listener-collections{padding-top:16px;padding-bottom:32px}
.listener-collections .paths{width:100%;padding:14px 0;margin:0}
.listener-ui .card-summary{display:none}
.listener-ui .music-card .story-link{font-size:12px}
.listener-ui .semantic-results{scroll-margin-top:120px}
.listener-ui .results-meta{scroll-margin-top:120px}
.listener-ui .card-play{padding:0;border:0;background:none;color:inherit;display:block;width:100%;text-align:inherit;cursor:pointer;font:inherit}
.listener-ui h3 .card-play:hover{text-decoration:underline}
@media(max-width:640px){
 .listener-ui .hero{padding-top:22px;padding-bottom:16px;gap:16px}
 .listener-ui .hero h1{font-size:38px}
 .listener-ui .hero .intro{font-size:15px}
 .listener-ui .search-bar{min-width:0}
 .listener-ui .search-bar input{font-size:16px;min-width:0}
 .listener-filters .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .listener-ui .query-chip{min-height:42px;padding:8px 12px}
 .listener-ui .workspace-head h2{font-size:27px}
 .listener-ui .results-meta,.listener-ui .semantic-results{scroll-margin-top:95px}
 .listener-ui .music-card .card-body{padding:16px}
}