.yc-video-grid{align-items:stretch}
.yc-video-grid .yc-video-card>a{height:100%;transition:box-shadow .18s ease,transform .18s ease}
.yc-video-grid .yc-video-card>a:hover{box-shadow:0 9px 22px rgba(26,38,46,.11);transform:translateY(-2px)}
.yc-video-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#edf0f1}
.yc-video-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}
.yc-video-card>a:hover .yc-video-thumb img{transform:scale(1.03)}
.yc-video-thumb-placeholder{display:grid;width:100%;height:100%;place-items:center;color:#8a949a;font-size:14px;font-weight:700;letter-spacing:.1em}
.yc-video-play{position:absolute;top:50%;left:50%;display:grid;width:56px;height:40px;place-items:center;transform:translate(-50%,-50%);border-radius:11px;background:#ff8d00;color:#fff;font-size:17px;padding-left:3px;box-shadow:0 3px 12px rgba(0,0,0,.2)}
.yc-video-grid .ag-card-text{padding:18px;min-height:92px}
.yc-video-title{display:-webkit-box;margin-top:5px;overflow:hidden;color:#202a32;font-size:18px;font-weight:700;line-height:1.45;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.yc-video-card>a:hover .yc-video-title{color:#ff8d00}
@media(max-width:600px){.yc-video-grid{gap:18px}.yc-video-grid .ag-card-text{padding:15px;min-height:82px}.yc-video-title{font-size:16px}.yc-video-play{width:50px;height:36px}}
