.bp-predictions { margin: 1.5rem 0; }
.bp-predictions__filters { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: 1.5rem; }
.bp-predictions__filters a { padding: .45rem .75rem; border: 1px solid #d5dce0; color: #252525; text-decoration: none; }
.bp-predictions__filters a[aria-current="page"] { border-color: #222; background: #222; color: #fff; }
.bp-predictions[aria-busy="true"] .bp-predictions__table-wrap { opacity: .55; }
.bp-predictions section + section { margin-top: 2rem; }
.bp-predictions__table-wrap { overflow-x: auto; }
.bp-predictions__table { width: 100%; border-collapse: collapse; background: #fff; font-size: .9rem; }
.bp-predictions__table th, .bp-predictions__table td { padding: .75rem; text-align: left; vertical-align: top; border-bottom: 1px solid #d5dce0; }
.bp-predictions__table th { background: #f2f5f6; color: #252525; }
.bp-predictions__table td { overflow-wrap: anywhere; }
.bp-predictions__table td:first-child { min-width: 11rem; }
.bp-predictions__muted, .bp-predictions__outcome { display: block; margin-top: .25rem; }
.bp-predictions__muted { color: #56616a; font-size: .85rem; }
.bp-predictions__outcome { font-size: .8rem; }
.bp-predictions__cta { display: inline-block; padding: .55rem .9rem; background: #29212f; color: #fff; text-decoration: none; }
.bp-predictions__cta:hover, .bp-predictions__cta:focus { background: #5a245e; color: #fff; }
.bp-predictions__empty { padding: 1rem; border-left: 3px solid #d5dce0; }
.bp-predictions__notice { margin-top: 1.5rem; color: #56616a; font-size: .875rem; }
@media (max-width: 767px) {
  .bp-predictions__table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .bp-predictions__table, .bp-predictions__table tbody, .bp-predictions__table tr, .bp-predictions__table td { display: block; width: 100%; }
  .bp-predictions__table tr { border: 1px solid #d5dce0; margin-bottom: 1rem; }
  .bp-predictions__table td { border-bottom: 1px solid #e6eaec; }
  .bp-predictions__table td:last-child { border-bottom: 0; }
  .bp-predictions__table td::before { content: attr(data-label); display: block; margin-bottom: .25rem; color: #56616a; font-size: .75rem; font-weight: 700; }
  .bp-predictions__table td.bp-predictions__empty::before { content: none; }
}