/* ─── Hero Section ─────────────────────────────────────────────────────────── */
.hero-section {
    background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
    padding: 4rem 0;
}

/* ─── Video Cards ───────────────────────────────────────────────────────────── */
.video-card {
    transition: transform .2s ease, box-shadow .2s ease;
    border: none;
    overflow: hidden;
}

.video-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.15) !important;
}

.video-card .card-img-top {
    transition: opacity .2s;
}

.video-card:hover .card-img-top {
    opacity: .92;
}

/* ─── Category filter active state ─────────────────────────────────────────── */
.active-cat {
    background-color: #1a73e8 !important;
    border-color: #1a73e8 !important;
    color: #fff !important;
}

/* ─── Cabinet sidebar ───────────────────────────────────────────────────────── */
.list-group-item-action.active a {
    color: #fff !important;
}

/* ─── Line clamp helper ─────────────────────────────────────────────────────── */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ─── Navbar ────────────────────────────────────────────────────────────────── */
.navbar-brand {
    font-size: 1.2rem;
    letter-spacing: .03em;
}

/* ─── General ───────────────────────────────────────────────────────────────── */
body {
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

a { transition: color .15s; }

.card { border: none; }