.hbcu-matchup { margin: 0 0 18px; padding: 20px; min-width: 0; }
.hbcu-matchup h3 { color: #f1d363; margin: 0 0 12px; }
.hbcu-matchup-note { color: #c7c1ae; font-size: .82rem; line-height: 1.5; margin: 12px 0; }
.hbcu-matchup-note p { margin: 4px 0; }
.hbcu-matchup-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.hbcu-matchup-table th, .hbcu-matchup-table td { padding: 12px 10px; border-bottom: 1px solid #ffffff18; overflow-wrap: anywhere; }
.hbcu-matchup-table th:first-child { width: 42%; text-align: left; }
.hbcu-matchup-table thead th { vertical-align: top; color: #f1d363; font-size: .85rem; }
.hbcu-matchup-table tbody th { font-weight: 500; color: #d6d2c8; }
.hbcu-matchup-table td { text-align: center; font-weight: 800; font-variant-numeric: tabular-nums; }
.hbcu-matchup-table img { display: block; width: 48px; height: 48px; object-fit: contain; margin: 0 auto 8px; }
.hbcu-matchup-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.hbcu-matchup-facts div { background: #ffffff06; border: 1px solid #ffffff15; border-radius: 12px; padding: 14px; }
.hbcu-matchup-facts dt { color: #c7c1ae; font-size: .8rem; margin-bottom: 6px; }
.hbcu-matchup-facts dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
@media (max-width: 540px) {
  .hbcu-matchup { padding: 12px; }
  .hbcu-matchup-table th, .hbcu-matchup-table td { padding: 10px 5px; font-size: .78rem; }
  .hbcu-matchup-table th:first-child { width: 40%; }
  .hbcu-matchup-facts { grid-template-columns: 1fr; }
}