.ml-movie-grid>.ml-card-list{grid-column:1/-1}
.ml-movie-card.ml-card-list{display:grid;grid-template-columns:clamp(190px,24%,260px) minmax(0,1fr);align-self:stretch;min-width:0;min-height:160px;overflow:hidden;border:1px solid var(--ml-line);border-radius:10px;background:var(--ml-panel);box-shadow:0 4px 16px #0b224b06;transition:box-shadow .2s,border-color .2s}
.ml-movie-card.ml-card-list:hover{box-shadow:0 7px 24px #0b224b14;border-color:var(--ml-muted)}
.ml-movie-card.ml-card-list .ml-poster{aspect-ratio:auto;height:100%;min-height:160px;width:100%;border:0;border-radius:0;box-shadow:none;position:relative}
.ml-card-list .ml-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none}
.ml-list-copy{padding:16px 20px;min-width:0;display:flex;flex-direction:column;gap:6px}
.ml-list-category{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--ml-muted)}
.ml-list-category:before{content:"";display:inline-block;width:6px;height:6px;border:1px solid currentColor;border-radius:50%;margin-right:8px;vertical-align:1px}
.ml-site .ml-card-list h3{margin:0;font-size:18px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.ml-site .ml-card-list .ml-list-excerpt{margin:0;color:var(--ml-muted);font-size:13px;line-height:1.7;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.ml-list-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:auto;padding-top:4px;font-size:12px;color:var(--ml-muted)}
.ml-list-views{display:inline-flex;align-items:center;gap:5px}
.ml-list-badge{margin-left:auto;padding:1px 7px;border-radius:5px;font-size:11px;background:var(--ml-bg);border:1px solid var(--ml-line)}
.ml-list-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:160px;background:var(--ml-bg);color:var(--ml-muted)}
.ml-list-placeholder svg{width:48px;height:48px}
@media(max-width:680px){
 .ml-movie-card.ml-card-list{grid-template-columns:34% minmax(0,1fr);min-height:144px}
 .ml-movie-card.ml-card-list .ml-poster,.ml-list-placeholder{min-height:144px}
 .ml-list-copy{padding:12px;gap:4px}
 .ml-site .ml-card-list h3{font-size:15px}
 .ml-list-category,.ml-list-meta{font-size:11px}
 .ml-site .ml-card-list .ml-list-excerpt{font-size:12px}
 .ml-list-meta{gap:5px 8px}
}
@media(prefers-reduced-motion:reduce){.ml-movie-card.ml-card-list{transition:none}}