/* ============ Score Predictions page (redesign) ============ */
/* The gameweek pill reuses the shared .gwpill from redesign.css. */

.sp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px;margin-bottom:18px;}

.sp-card{padding:16px 18px;display:flex;flex-direction:column;gap:12px;}

.sp-kickoff{font-size:12px;font-weight:600;color:var(--text-3);letter-spacing:.02em;}

.sp-match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;}
.sp-team{display:flex;align-items:center;gap:9px;min-width:0;}
.sp-team .nm{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sp-team--home{justify-content:flex-end;text-align:right;}
.sp-team--away{justify-content:flex-start;}
.sp-team .kit{flex:none;}

.sp-score{font-family:var(--mono);font-size:24px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;}
.sp-score .sep{color:var(--text-3);margin:0 5px;font-weight:500;}

/* win/draw/loss chances as one stacked bar; widths are the three percentages */
.sp-probbar{display:flex;height:6px;border-radius:999px;overflow:hidden;background:var(--fill);}
.sp-prob--home{background:var(--green);}
.sp-prob--draw{background:var(--border-strong);}
.sp-prob--away{background:var(--blue);}

.sp-problabels{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-3);}
.sp-problabels b{font-weight:700;color:var(--text);margin-left:3px;}
.sp-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;}
.sp-dot--home{background:var(--green);}
.sp-dot--draw{background:var(--border-strong);}
.sp-dot--away{background:var(--blue);}

.sp-empty h2{font-size:17px;font-weight:800;margin:0 0 6px;}
.sp-empty p{font-size:13.5px;color:var(--text-3);margin:0;}

.sp-footnote{font-size:12px;color:var(--text-3);margin:0 2px 26px;}

@media (max-width: 640px){
  .sp-list{grid-template-columns:1fr;}
  .sp-team .nm{font-size:13px;}
  .sp-score{font-size:21px;}
}