.scrollgrid,.scrollgrid-playlist,.scrollgrid-portrait{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:.25em;padding:.25em;scroll-snap-type:x mandatory;justify-content:start}
.scrollgrid div,.scrollgrid-playlist div,.scrollgrid-portrait div{gap:.25em;scroll-snap-align:start}
.scrollgrid div{flex:0 1 13em;display:flex;flex-direction:column;align-items:center;text-align:center}
.scrollgrid div img{width:11em;height:auto;border-radius:.5em;margin: 1em;}
details .scrollgrid div img{width:13em;height:auto;border-radius:.5em;margin:.2em}
.scrollgrid div iframe{height:100%;height:auto;border-radius:5px}
.scrollgrid div a{text-decoration:none;opacity:.8}
.scrollgrid div a:hover{opacity:1}
.scrollgrid-portrait div{flex:1 0 15em;align-items:center;text-align:center}
.scrollgrid-portrait div a img{width:13em;border-radius:.8em}
.scrollgrid-playlist div{flex:1 0 35em;text-align:center}
.scrollgrid-playlist div .inhouse-playlist .tracklist{grid-area:bottom;margin-top:.25em;overflow:scroll;height:19em}
@media (width>42em){
    .scrollgrid div,.scrollgrid-playlist div,.scrollgrid-portrait div{gap:.5em;scroll-snap-align:start}

.scrollgrid div img{width:15em}
.scrollgrid-portrait div{flex:1 0 11em}
.scrollgrid-portrait div a img{width:10em}
.scrollgrid-playlist{margin:0;padding:0}
.scrollgrid-playlist div{flex:1 0 25em}
.scrollgrid-playlist div .inhouse-playlist .tracklist{margin-top:.1em;height:16em}
}