.ccf-slider{
display:flex;
gap:12px;
overflow-x:auto;
padding:10px;
background:#0f172a;
}

.ccf-card{
background:#ffffff;
border-radius:10px;
padding:12px;
min-width:240px;
box-shadow:0 3px 10px rgba(0,0,0,.15);
font-family:Arial;
}

.ccf-league{
font-size:12px;
color:#555;
margin-bottom:6px;
}

.ccf-team-row{
display:flex;
justify-content:space-between;
align-items:center;
margin:6px 0;
font-weight:600;
}

.ccf-team-name{
color:#111;
}

.ccf-team-score{
font-weight:bold;
color:#0f172a;
}

.ccf-status{
font-size:12px;
color:#2563eb;
margin-top:6px;
}

@media(max-width:768px){
.ccf-card{min-width:200px;}
}

.ccf-card{flex:0 0 calc(33.333% - 12px);}

/* slider layout fix */
.ccf-slider{
display:flex;
gap:12px;
overflow:hidden;
width:100%;
}

.ccf-card{
flex:0 0 calc(33.333% - 8px);
box-sizing:border-box;
}