/* Grid/List view toggle */
body.view-grid #grid.grid{
  display:grid;
}

body.view-list #grid.grid{
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* List card layout: thumbnail left, meta right */
body.view-list .meme.card{
  display:flex;
  align-items:stretch;
  gap:14px;
  padding:12px;
}

body.view-list .meme.card .thumb{
  width:220px;
  max-width:40vw;
  flex:0 0 auto;
  border-radius:14px;
  overflow:hidden;
}

body.view-list .meme.card .thumb img,
body.view-list .meme.card .thumb video{
  width:100%;
  height:100%;
  max-height:180px;
  object-fit:cover;
  display:block;
}

body.view-list .meme.card .cardmeta{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}

body.view-list .meme.card .score{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

body.view-list .meme.card .stars{
  align-self:flex-start;
}

/* Smaller thumbs on very small screens */
@media (max-width:600px){
  body.view-list .meme.card{
    flex-direction:column;
  }
  body.view-list .meme.card .thumb{
    width:100%;
    max-width:none;
  }
  body.view-list .meme.card .thumb img,
  body.view-list .meme.card .thumb video{
    max-height:260px;
  }
}