.match-cards-section{background:#f8f8f8;padding:12px 10px;border-radius:8px;}
.match-cards-scroller-modern{
  display:flex; overflow-x:auto; gap:10px; scroll-snap-type:x mandatory;
  padding-bottom:6px; white-space:nowrap; -webkit-overflow-scrolling:touch;
  scrollbar-gutter: stable both-edges;
  contain: content;
}
.match-cards-scroller-modern::-webkit-scrollbar { height:6px; }
.match-cards-scroller-modern::-webkit-scrollbar-thumb { background:#ccc; border-radius:4px; }

.mf-compact-card{
  flex:0 0 auto; min-width:280px; max-width:320px; background:#fff; border:1px solid #e5e5e5;
  border-radius:8px; padding:10px; color:#111; text-decoration:none; display:inline-block;
  scroll-snap-align:start; box-shadow:0 1px 3px rgba(0,0,0,0.05);
  contain: layout paint style;
  content-visibility:auto;
  contain-intrinsic-size: 220px 300px;
}
.mf-cc-head{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;line-height:16px;color:#333;min-height:16px}
.mf-cc-badge{display:inline-block;color:#fff;font-weight:700;font-size:11px;line-height:1;padding:3px 6px;border-radius:6px}
.mf-cc-meta{font-weight:600}
.mf-cc-dot{opacity:.6}
.mf-cc-stage{opacity:.9;font-weight:600}

.mf-cc-rows{display:flex;flex-direction:column;gap:6px}
.mf-cc-row{display:flex;justify-content:space-between;align-items:center;min-height:20px}
.mf-cc-left{display:flex;align-items:center;gap:8px;min-width:0}
.mf-cc-left img{width:18px;height:18px;object-fit:contain;display:block;aspect-ratio:1/1}
.mf-cc-logo-fallback{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:#eee;border-radius:50%;font-size:10px;font-weight:700;color:#666;aspect-ratio:1/1}
.mf-cc-team{font-weight:600;font-size:14px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
.mf-cc-right{font-weight:700;font-size:14px;line-height:18px}
.mf-cc-score{white-space:nowrap}

.mf-cc-foot{
  margin-top:8px;font-size:12px;line-height:16px;color:#555;
  min-height:16px;
  display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;
}