.vid-list-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:1rem}.vid-list-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-900);margin:0}.vid-count{font-size:13px;color:var(--text-500)}.vid-count strong{color:var(--text-900)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.video-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.video-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--teal-500)}.video-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0f172a}.video-thumb img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform .3s ease,opacity .2s ease}.video-card:hover .video-thumb img{transform:scale(1.05);opacity:1}.video-play-overlay{position:absolute;inset:0}.play-btn,.video-play-overlay{display:flex;align-items:center;justify-content:center}.play-btn{width:48px;height:48px;border-radius:50%;background:#0f172aa6;transition:background .15s ease,transform .15s ease}.video-card:hover .play-btn{background:#0d9488e6;transform:scale(1.1)}.play-btn i{color:#fff;font-size:1.15rem;margin-left:3px}.video-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px}.video-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--text-900);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.72rem;color:var(--text-400)}.video-meta span{display:inline-flex;align-items:center;gap:4px}.vid-nav{display:flex;flex-direction:column;gap:4px}.vid-cat-item,.vid-nav-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:none;background:#0000;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-700);text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.vid-cat-item i,.vid-nav-item i{color:var(--text-400);font-size:.9rem}.vid-cat-item:hover,.vid-nav-item:hover{background:var(--teal-50);color:var(--teal-600)}.vid-cat-item:hover i,.vid-nav-item:hover i{color:var(--teal-500)}.vid-cat-item.active,.vid-nav-item.active{background:var(--teal-50);color:var(--teal-600);font-weight:700}.vid-cat-item.active i,.vid-nav-item.active i{color:var(--teal-600)}.vid-cat-list{display:flex;flex-direction:column;gap:2px}