/* Rezilta Engine V5.61.35j - public typography and result-layout polish */
:root{
  --rz-copy-max:72ch;
  --rz-card-radius:16px;
}

/* Public readability: keep long headings/labels inside their cards. */
main :where(h1,h2,h3,h4,strong,a,td,th,.league-mini-badge,.prediction-result-badge){
  overflow-wrap:anywhere;
}
main :where(p,.section-subtitle,.th-section-head p,.bod-section p,.rz-bball-panel p){
  text-wrap:pretty;
}
main :where(h1,h2,h3){
  text-wrap:balance;
}

/* Result badges are self-contained UI, never an overlay on the selection. */
.prediction-result-badge{
  position:static!important;
  flex:0 0 auto!important;
  min-width:max-content;
  max-width:100%;
  min-height:30px;
  padding:6px 9px;
  gap:5px;
  line-height:1.05;
  vertical-align:middle;
}
.prediction-result-badge strong{
  white-space:nowrap;
}

/* Common public table/card formatting. */
.table-wrap table,[class*="table-wrap"] table{font-size:.92rem}
.table-wrap td,[class*="table-wrap"] td{vertical-align:middle;line-height:1.4}
.table-wrap td small,[class*="table-wrap"] td small{display:inline-block;margin-top:4px;line-height:1.35}
:where(.th-panel,.event-card,.group-preview-card,.panel,.rz-bball-panel){min-width:0}
:where(.th-section-head,.section-head,.bod-section>header){row-gap:8px}

/* Buttons and pill labels should not crush adjacent copy. */
:where(.btn,.bet-now,.text-link,.badge,.status-badge){line-height:1.2}
:where(.league-mini-badge,.flag-badge){max-width:100%}

/* Compact phones: let status pills wrap internally rather than collide. */
@media(max-width:560px){
  .prediction-result-badge{min-width:0!important;white-space:normal!important;text-align:center!important}
  .prediction-result-badge strong{white-space:normal}
  .table-wrap th,.table-wrap td,[class*="table-wrap"] th,[class*="table-wrap"] td{padding:10px 9px}
  :where(.th-section-head,.section-head,.bod-section>header){align-items:flex-start;flex-wrap:wrap}
}