/* /medias rows (Kemo2K27). General list blocks are in layouts/kemo2k27/v1/kemo2k27.css. */
.item h3 code{font-family:ui-monospace,Consolas,monospace;font-size:.86rem;font-weight:400;color:var(--muted);overflow-wrap:anywhere}
.item .notitle{font-family:var(--sans);font-size:.75rem;font-weight:400;color:var(--muted);margin-left:6px;white-space:nowrap}
.item .meta .est{border-bottom:1px dotted var(--muted);cursor:help}
.item .meta .tx{color:var(--ink)}
.item .meta .tx svg{color:var(--accent);vertical-align:-1px;margin-right:4px}
.people{margin:0 0 8px;font-size:.98rem;line-height:1.5}
.people a{color:var(--blue);text-decoration:none}
.people a:hover{text-decoration:underline}
.people .more{font-family:var(--sans);font-size:.8rem;color:var(--muted)}
.empty-list{padding:40px 0;font-family:var(--sans);color:var(--muted)}

.m-item{grid-template-columns:150px minmax(0,1fr)}
.m-item .th{display:block;position:relative;aspect-ratio:4/3;background:var(--ink);border:1px solid var(--ink);align-self:start;overflow:hidden}
.m-item .th img{position:relative;width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s var(--glide,ease)}
.m-item .th:hover img{transform:scale(1.04)}
.m-item .th span{position:absolute;right:5px;bottom:5px;z-index:1;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:.72rem;padding:2px 6px;font-variant-numeric:tabular-nums}
.m-item .th .ph{position:absolute;inset:0;right:0;bottom:0;display:grid;place-items:center;background:none;padding:0;color:var(--muted-on-ink)}

@media (max-width:640px){
  .m-item{grid-template-columns:96px minmax(0,1fr);gap:12px}
}
@media (prefers-reduced-motion:reduce){ .m-item .th img{transition:none} }