.yc-scroll-reads-wrapper{
  display: flex!important;
  align-items: center;
}
.yc-scroll-reads-handle{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;          /* SAME width & height */
    height: 26px;
    padding: 0;           /* IMPORTANT */
    border-radius: 50%;   /* PERFECT CIRCLE */
    cursor: pointer;
    background: #f5f5f5;  /* optional */
    flex-shrink: 0;
    gap:5px;
}
.yc-scroll-reads-strip{
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: auto; /* IMPORTANT for loop jump */
  scrollbar-width: none;
}
.yc-scroll-reads-strip::-webkit-scrollbar{ display:none; }

.yc-scroll-reads-track{
  display:flex;
  gap:12px;
  width:max-content;
}

.yc-scroll-reads-card{
  display:inline;
  flex:0 0 auto;
  width:30%!important;
  max-width:20vw;
  border:1px solid rgba(0,0,0,.10);
  border-radius:14px;
  overflow:hidden;
  text-decoration:none;
  background:#fff;
  box-shadow:0 1px 6px rgba(0,0,0,.06);
}
.yc-scroll-reads-thumb{
  flex:0 0 120px;
  height:120px;
  overflow:hidden;
  background:#f3f3f3;
}
.yc-scroll-reads-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.yc-scroll-reads-thumb-placeholder{
  width:100%;
  height:100%;
  background:linear-gradient(135deg, #eee, #f8f8f8);
}
.yc-scroll-reads-meta{
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.yc-scroll-reads-title{
  font-weight:600;
  font-size:14px;
  color:#111;
}
.yc-scroll-reads-excerpt{
  font-size:12px;
  color:rgba(0,0,0,.70);
  line-height:1.35;
}
@media (max-width: 782px){
  .yc-scroll-reads-card{ width:70%!important; }
  .yc-scroll-reads-thumb{ flex-basis:110px; height:110px; }
}