.content-card{min-width:0;overflow:hidden;background:var(--mz-surface);border:1px solid var(--mz-border);border-radius:var(--mz-radius);box-shadow:var(--mz-shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.content-card:hover{transform:translateY(-4px);box-shadow:var(--mz-shadow);border-color:color-mix(in srgb,var(--mz-accent) 35%,var(--mz-border))}
.content-card__media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--mz-surface-2)}
.content-card__media--portrait{aspect-ratio:2/3}
.content-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.content-card:hover .content-card__media img{transform:scale(1.035)}
.content-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,var(--mz-surface),var(--mz-surface-2))}
.content-card__play{position:absolute;right:13px;bottom:13px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--mz-accent);color:#fff;box-shadow:0 8px 18px rgba(0,0,0,.22)}
.content-card__body{padding:19px 20px 20px}
.content-card__meta{display:flex;justify-content:space-between;gap:12px;color:var(--mz-accent);font-size:.75rem;font-weight:800;margin-bottom:9px}
.content-card h3{margin:0;font-size:var(--mz-font-card-title,17px);line-height:1.38}
.content-card h3 a{text-decoration:none}
.content-card h3 a:hover{color:var(--mz-accent)}
.content-card__actions{margin:15px 0 0}
.content-card__actions a{color:var(--mz-accent);font-weight:800;text-decoration:none}