/* Stats2Pitch v1.10.2 — slightly larger, consistent typography across devices. */
html{font-size:16px}
body{font-size:15px}

.page-title{font-size:clamp(26px,2.15vw,34px)!important}
.controls label,.s2p-status-control>span{font-size:13px!important;font-weight:700!important}
.controls select,.controls input,.filter-trigger,.refresh{font-size:14px!important}
.selected-filter-bar,.notice{font-size:14px!important}

.summary-card span{font-size:13px!important}
.summary-card strong{font-size:clamp(24px,2.1vw,31px)!important}
.section-title{font-size:clamp(23px,2vw,30px)!important}
.prediction-panel-title h3{font-size:16px!important}
.prediction-panel-title span{font-size:13px!important}

.pred-table th{font-size:12px!important}
.pred-table td{font-size:14px!important}
.pred-table .match-team span{font-size:15px!important;font-weight:800!important}
.pred-table td[data-label='Prediction']{font-size:14px!important;font-weight:800!important}
.pred-table td[data-label='Odds']{font-size:15px!important}
.pred-table .key-reasons{font-size:13px!important;line-height:1.45!important}
.pred-table td[data-label='Time'][data-s2p-status]::after{font-size:11px!important}
.details-btn{font-size:13px!important}

.s2p-board-tab{font-size:15px!important}
.s2p-board-tab b{font-size:12px!important}
.priority-v17-competition strong{font-size:13px!important}
.priority-v17-competition span{font-size:11px!important}
.priority-compact-match::before{font-size:12px!important}
.priority-compact-match strong{font-size:15px!important;line-height:1.32!important}
.priority-compact-match small{font-size:13px!important;line-height:1.3!important}
.priority-compact-odd{font-size:15px!important}
.priority-compact-star{font-size:18px!important}

.detail-modal .modal-head h2,.detail-match-title h2{font-size:clamp(25px,2.2vw,34px)!important}
.detail-modal .modal-head p{font-size:13px!important}
.detail-summary h3{font-size:clamp(22px,2vw,30px)!important}
.detail-section h3{font-size:19px!important}
.reason-card,.market-card,.outcome{font-size:14px!important}

/* Past kickoff + provider still NS/TBD: intentionally neutral, never green Upcoming. */
.pred-table tr[data-s2p-status='pending'] td[data-label='Time']::after{color:#d8b665!important}
.priority-compact-match[data-status-label='Awaiting status']::before{color:#d8b665!important}

@media(max-width:820px){
  body{font-size:15px}
  .page-title{font-size:25px!important}
  .controls label,.s2p-status-control>span{font-size:13px!important}
  .controls select,.controls input,.filter-trigger,.refresh{font-size:15px!important}
  .summary-card span{font-size:13px!important}
  .section-title{font-size:24px!important}
  .s2p-board-tab{font-size:15px!important}
  .priority-v17-competition strong{font-size:13px!important}
  .priority-v17-competition span{font-size:11px!important}
  .priority-compact-match::before{font-size:11px!important}
  .priority-compact-match strong{font-size:15px!important}
  .priority-compact-match small{font-size:13px!important}
  .priority-compact-odd{font-size:15px!important}
}

@media(max-width:430px){
  html{font-size:16px}
  body{font-size:15px}
  .page-title{font-size:23px!important}
  .controls label,.s2p-status-control>span{font-size:13px!important}
  .controls select,.controls input,.filter-trigger,.refresh{font-size:15px!important}
  .summary-card span{font-size:12px!important}
  .summary-card strong{font-size:23px!important}
  .section-title{font-size:22px!important}
  .s2p-board-tab{font-size:14px!important}
  .priority-v17-competition strong{font-size:12px!important}
  .priority-v17-competition span{font-size:10px!important}
  .priority-compact-match::before{font-size:11px!important}
  .priority-compact-match strong{font-size:14px!important}
  .priority-compact-match small{font-size:12px!important}
  .priority-compact-odd{font-size:14px!important}
  .reason-card,.market-card,.outcome{font-size:14px!important}
}

@media(max-width:340px){
  .page-title{font-size:21px!important}
  .controls select,.controls input,.filter-trigger,.refresh{font-size:14px!important}
  .priority-compact-match strong{font-size:13px!important}
  .priority-compact-match small{font-size:12px!important}
}
