.resource-card:not(.video-resource){grid-template-columns:112px minmax(0,1fr);align-items:start}
.resource-card:not(.video-resource)>div:last-child{align-self:stretch}
.document-preview{display:flex;align-items:flex-start;justify-content:center;padding:7px;background:#f3f3f3;border:1px solid var(--line);border-radius:8px;min-width:0}
.document-preview img{width:100%;height:auto;max-height:160px;object-fit:contain;box-shadow:0 3px 10px #00000018}
.document-preview:hover{border-color:#888}
.video-cover{height:auto;aspect-ratio:16/9;background:#202020}
.video-cover .welltherm-video-preview{height:100%;width:100%;position:absolute;inset:0;object-fit:cover}
.video-cover:after{background:#00000018}
.video-cover button>span:last-child{background:#00000085;border-radius:4px;padding:3px 9px}
@media(max-width:700px){.resource-card:not(.video-resource){grid-template-columns:90px minmax(0,1fr);padding:20px;gap:16px}.document-preview img{max-height:130px}.video-cover{height:auto;aspect-ratio:16/9}}
@media(max-width:380px){.resource-card:not(.video-resource){grid-template-columns:76px minmax(0,1fr);padding:16px;gap:12px}}

/* Give mobile document titles the full readable card width. */
@media(max-width:700px){.resource-card:not(.video-resource){grid-template-columns:minmax(0,1fr)}.resource-card .document-preview{width:100px;justify-self:start}.resource-card .document-preview img{max-height:140px}}