/* VIDEO.CSS */

.video-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 18px;
    padding: 24px
}

.video-wrapper {
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    border-radius: 14px;
    background: #000
}

.video-wrapper iframe,
.video-wrapper video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.video-title {
    margin: 18px 0 8px
}

.video-meta {
    color: var(--text-muted);
    font-size: 14px
}