.c4y-lip {
    width:100%; user-select:none;
}
.c4y-lip__track {
    overflow:hidden; cursor:grab;
    padding:1px; margin:-1px;
}
.c4y-lip__track:active { cursor:grabbing; }
.c4y-lip__slides {
    display:flex; gap:1rem;
    transition:transform .35s ease;
    will-change:transform;
}
.c4y-lip__card {
    flex:0 0 100%; max-width:100%;
    background:#fff; border:1px solid rgb(228, 231, 236); border-radius:.75rem;
    overflow:hidden; color:inherit !important;
    display:block;
    transition:border-color .2s, box-shadow .2s;
    box-sizing:border-box; cursor:default;
}
.c4y-lip__card:hover {
    border-color:rgba(10,102,194,.5);
    box-shadow:0 8px 24px rgba(10,102,194,.10);
}
@media(min-width:640px) and (max-width:1023px) {
    .c4y-lip__card { flex:0 0 calc(50% - .5rem); max-width:calc(50% - .5rem); }
}
@media(min-width:1024px) {
    .c4y-lip__card { flex:0 0 100%; max-width:100%; }
}
.c4y-lip__img { aspect-ratio:16/9; overflow:hidden; }
.c4y-lip__img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.c4y-lip__card:hover .c4y-lip__img img { transform:scale(1.05); }
.c4y-lip__body { padding:1rem; }
.c4y-lip__header { display:flex; align-items:center; gap:.5rem; margin-bottom:.75rem; }
.c4y-lip__avatar {
    width:2rem; height:2rem; border-radius:50%; flex-shrink:0;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-weight:700; font-size:.625rem;
    overflow:hidden;
    outline:1px solid rgb(228, 231, 236);
    outline-offset:0;
}
.c4y-lip__meta { flex:1; min-width:0; }
.c4y-lip__name  { font-size:.75rem !important; font-weight:600 !important; color:#141f38 !important; margin:0 !important; padding:0 !important; line-height:1.3 !important; transition:color .2s; }
.c4y-lip__date  { font-size:.625rem !important; color:#6b7280 !important; margin:0 !important; padding:0 !important; line-height:1.3 !important; }
.c4y-lip__card:hover .c4y-lip__name { color:#0A66C2 !important; }
.c4y-lip__content {
    font-size:.75rem !important; color:#141f38 !important; line-height:1.6 !important;
    margin:0 0 .75rem !important; padding:0 !important;
    display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;
}
.c4y-lip__stats {
    display:flex; align-items:center; gap:.75rem;
    padding-top:.75rem; border-top:1px solid #f3f4f6;
    font-size:.625rem; color:#6b7280;
}
.c4y-lip__stats span { display:flex; align-items:center; gap:.25rem; }
.c4y-lip__stats svg { flex-shrink:0; }

.c4y-lip__dots {
    display:flex; justify-content:center; gap:.375rem; margin-top:1rem;
}
.c4y-lip__dot {
    width:.5rem; height:.5rem; border-radius:9999px;
    background:rgba(107,114,128,.3); border:none; cursor:pointer;
    transition:all .3s ease; padding:0;
}
.c4y-lip__dot--active {
    background:#0A66C2; width:1rem;
}