/* Keep the working area inside narrow viewports without hiding scrollable data. */
#workspace,#workspace>.panel{min-width:0;max-width:100%}
#workspace .panel h2,#workspace .section-title{overflow-wrap:anywhere}
.streamer-class-list button,.streamer-class-label,.streamer-results,.streamer-card,.streamer-card-text{min-width:0}
.streamer-class-list button{gap:6px}
.streamer-class-list small{flex:none}
.streamer-results-head,.streamer-selected-class{min-width:0}
.streamer-selected-class span,.streamer-card-text small,.streamer-results-head>div{min-width:0;overflow-wrap:anywhere}
.roadmap-retention{padding:0 18px 18px;margin:0;color:#aeb8c5;font-size:12px;line-height:1.7}
@media(max-width:700px){
  .streamer-results-head{align-items:flex-start;flex-wrap:wrap;gap:8px}
  .streamer-results-head h3{font-size:19px}
  .streamer-class-list button{padding:9px 8px}
  .streamer-class-label{flex:1;line-height:1.35}
  .streamer-class-label span{overflow-wrap:anywhere}
  .streamer-class-icon{object-fit:contain}
  .roadmap-columns{grid-template-columns:minmax(0,1fr)}
  .roadmap-column article{padding:15px}
  #roadmapPagination{justify-content:center}
  #roadmapPagination button{min-width:40px}
  .admin-content{padding:24px 18px 32px}
  .admin-heading h2{font-size:clamp(30px,8vw,40px)}
  .admin-bio p,.admin-goals p{overflow-wrap:anywhere}
}
@media(max-width:390px){
  .streamer-class-list{gap:6px}
  .streamer-class-list button{padding:8px 6px;font-size:11px}
  .streamer-class-icon{width:24px;height:24px}
  .streamer-class-list small{font-size:10px}
  .streamer-card{padding:10px;gap:8px}
  .streamer-avatar{flex:none}
}