/*
 * MeshMelo v226 – 96px compact editorial cards.
 * Four 48px album-art quarters = 96px playlist cover.
 * Home playlists and albums: up to six results, three columns / two rows.
 * Genre album recommendations: static grid; no carousel, no horizontal scroll.
 * Scoped to v226 classes: no changes to player, playlist detail or artist pages.
 */
.mm70-home-playlists,.mm226-album-section,.mm-discovery-section:has(.mm226-genre-album-grid){container-type:inline-size}
body.mm-shell-v19 #container .mm70-home-playlists .mm226-playlist-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:12px 15px!important;width:100%;align-items:stretch
}
body.mm-shell-v19 #container .mm70-home-playlists .mm226-playlist-card{
 display:grid!important;grid-template-columns:96px minmax(0,1fr) auto!important;
 align-items:center!important;gap:12px!important;min-width:0!important;min-height:116px;
 padding:10px!important;margin:0!important;overflow:hidden;
 background:color-mix(in srgb,var(--mm-site-surface,#fff) 96%,transparent)!important;
 border-radius:15px!important
}
body.mm-shell-v19 #container .mm226-playlist-cover{
 display:block;min-width:0;width:96px;height:96px;overflow:hidden;
 border-radius:11px;align-self:center
}
body.mm-shell-v19 #container .mm226-playlist-cover>.mm28-mosaic.mm187-mosaic{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 grid-template-rows:repeat(2,minmax(0,1fr))!important;
 width:96px!important;min-width:96px!important;max-width:96px!important;
 height:96px!important;max-height:96px!important;aspect-ratio:1!important;
 gap:0!important;border-radius:11px!important;overflow:hidden
}
body.mm-shell-v19 #container .mm226-playlist-cover>.mm28-mosaic.mm187-mosaic>*{
 width:48px!important;height:48px!important;min-width:0!important;min-height:0!important;
 max-width:48px!important;max-height:48px!important;object-fit:cover!important
}
body.mm-shell-v19 #container .mm226-playlist-info{min-width:0;align-self:center;display:grid;gap:6px}
body.mm-shell-v19 #container .mm226-playlist-title{
 display:block;min-width:0;font-size:14px;line-height:1.35;font-weight:800;letter-spacing:-.025em;
 color:var(--mm-site-text,#262a30)!important;overflow:hidden;text-overflow:ellipsis;
 white-space:nowrap;text-decoration:none
}
body.mm-shell-v19 #container .mm226-playlist-member{
 display:block;min-width:0;color:var(--mm-site-muted,#6e7480)!important;
 font-size:12px;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none
}
body.mm-shell-v19 #container .mm226-playlist-title:hover,
body.mm-shell-v19 #container .mm226-playlist-member:hover{text-decoration:underline}
body.mm-shell-v19 #container .mm226-playlist-listen{
 align-self:center;margin:0;min-width:50px;min-height:36px;
 padding:7px 10px;white-space:nowrap;flex:0 0 auto;
 background:color-mix(in srgb,var(--mm-site-surface,#fff) 89%,var(--mm-site-accent,#687eb9) 11%)!important;
 color:var(--mm-site-text,#353f52)!important;
 border-color:var(--mm-site-line,#d9dfe8)!important;
 border-radius:9px;font-size:12px;font-weight:750
}

/* Identical 96px album artwork on home and on every genre page. */
body.mm-shell-v19 #container .mm226-album-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 align-items:stretch;gap:12px 15px!important;width:100%!important;
 overflow:visible!important;scroll-snap-type:none!important
}
body.mm-shell-v19 #container .mm226-album-card{
 display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;
 align-items:center;gap:12px;min-width:0;min-height:116px;
 padding:10px;border:1px solid var(--mm-site-line,#e3e6eb);border-radius:15px;
 color:var(--mm-site-text,#252a32)!important;
 background:color-mix(in srgb,var(--mm-site-surface,#fff) 96%,transparent);
 text-decoration:none;box-shadow:none;transition:background .15s ease,border-color .15s ease
}
body.mm-shell-v19 #container .mm226-album-card:hover,
body.mm-shell-v19 #container .mm226-album-card:focus-visible{
 border-color:color-mix(in srgb,var(--mm-site-line,#e3e6eb) 65%,var(--mm-site-accent,#687eb9) 35%);
 background:color-mix(in srgb,var(--mm-site-surface,#fff) 90%,var(--mm-site-accent,#687eb9) 10%)
}
body.mm-shell-v19 #container .mm226-album-cover{
 display:block;object-fit:cover;width:96px!important;height:96px!important;
 max-width:96px!important;max-height:96px!important;aspect-ratio:1/1;
 border-radius:11px;box-shadow:none
}
body.mm-shell-v19 #container .mm226-album-text{
 min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px
}
body.mm-shell-v19 #container .mm226-album-title{
 display:block;min-width:0;font-size:14px;font-weight:800;line-height:1.35;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 color:var(--mm-site-text,#252a32)!important
}
body.mm-shell-v19 #container .mm226-album-artist{
 display:block;min-width:0;font-size:12px;line-height:1.4;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 color:var(--mm-site-muted,#747b86)!important
}
body.mm-shell-v19 #container .mm226-genre-album-grid{
 position:static!important;transform:none!important;overflow:visible!important
}
@container(max-width:970px){
 body.mm-shell-v19 #container .mm70-home-playlists .mm226-playlist-grid,
 body.mm-shell-v19 #container .mm226-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@container(max-width:620px){
 body.mm-shell-v19 #container .mm70-home-playlists .mm226-playlist-grid,
 body.mm-shell-v19 #container .mm226-album-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
}
@media(max-width:740px){
 body.mm-shell-v19 #container .mm70-home-playlists .mm226-playlist-grid,
 body.mm-shell-v19 #container .mm226-album-grid{grid-template-columns:minmax(0,1fr)!important}
 body.mm-shell-v19 #container .mm226-playlist-listen{min-width:46px}
}
/* Browser engines without container queries still stack cards at reduced widths. */
@supports not(container-type:inline-size){
 @media(max-width:1240px){
  body.mm-shell-v19 #container .mm70-home-playlists .mm226-playlist-grid,
  body.mm-shell-v19 #container .mm226-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 }
 @media(max-width:740px){
  body.mm-shell-v19 #container .mm70-home-playlists .mm226-playlist-grid,
  body.mm-shell-v19 #container .mm226-album-grid{grid-template-columns:minmax(0,1fr)!important}
 }
}