/* Keep mobile content within the viewport; show 3 recent songs on home and 12 on the full history page. */
@media(max-width:760px){
 html,body{max-width:100%;overflow-x:clip}
 .station,.content,.artist-profile,.player-queue,.upcoming-column,.home-music-pair,.recent-preview,.new-on-winr,.rotation,.track{min-width:0;max-width:100%}
 .home-music-pair{grid-template-columns:minmax(0,1fr)}
 .home-music-pair>*{min-width:0}
 .home-music-pair .recent-preview-grid,.recent-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible;max-width:100%}
 .home-music-pair .recent-preview-grid>a,.recent-preview-grid>a{width:auto;min-width:0;max-width:100%}
 .home-music-pair .recent-preview-grid img,.recent-preview-grid img{width:100%;height:auto;max-width:100%;aspect-ratio:1}
 .new-on-winr-grid>.new-on-winr-card:nth-child(n+4),.rotationgrid>.rotationcard:nth-child(n+4){display:none}
 .recent-preview-grid>a:nth-child(n+4){display:none}
 .player-queue .rotationgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible;width:100%;max-width:100%}
 .player-queue .rotationcard{min-width:0;width:auto;max-width:100%}
 .player-queue .rotationcard>div{min-width:0}
 .home-music-pair .new-on-winr-grid,.new-on-winr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible;max-width:100%}
 .home-music-pair .new-on-winr-card,.new-on-winr-card{width:auto;min-width:0;max-width:100%;flex:none}
 .new-on-winr-card img{width:100%;height:auto;max-width:100%;aspect-ratio:1}
 .new-on-winr .queue-controls{display:none}
 .new-on-winr-card b,.new-on-winr-card span{overflow-wrap:anywhere}
 .history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .history-grid h2,.history-grid p,.recent-preview-grid h3,.recent-preview-grid p,.rotationcard h3,.rotationcard p{overflow-wrap:anywhere}
 .hero header{flex-wrap:wrap;min-width:0}
 .sectionhead{flex-wrap:wrap}
 .main-menu .sitepages,.shared-page-menu{max-width:calc(100vw - 24px)}
}