.videos-page .dashboard-header {
    max-width: 720px;
    margin-bottom: 40px;
}

.video-thumb--image {
    background-position: center;
    background-size: cover;
}

.video-card[tabindex] {
    cursor: pointer;
}

.video-body{
    border-bottom: 2px solid transparent;
}

.video-card:hover .video-body {
    border-color: var(--md-sys-color-outline);
}

.skeleton-card { cursor: default; }
.skeleton-video-thumb { min-height: 170px; }
.skeleton-body { display: grid; gap: 8px; padding: 16px; }

.videos-grid,
.video-card,
.video-body,
.video-meta {
    min-width: 0;
    max-width: 100%;
}

.videos-grid {
    width: auto;
    overflow: visible;
}

.video-card .video-title,
.video-card .video-desc {
    overflow-wrap: anywhere;
}

.video-meta {
    flex-wrap: wrap;
}