/* R24 restores the original horizontal matchup row: entrant, own score,
   central VS, opposing score, opponent. Points sit above their outcome so
   even live badges fit without taking space away from the club names. */
#app .r23-score-row .r12-score-side{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px}
#app .r23-score-row .r12-score-side.right{grid-template-columns:auto minmax(0,1fr);justify-content:normal}
#app .r23-score-row .r23-matchup-person{width:100%;min-width:0}
#app .r23-score-row .r23-matchup-score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;white-space:nowrap}
#app .r23-score-row .r12-score-side.left .r23-matchup-score{grid-column:2}
#app .r23-score-row .r12-score-side.right .r23-matchup-score{grid-column:1}
#app .r23-score-row .r12-score-side.right .r23-matchup-person{grid-column:2}
#app .r23-matchup-points{display:inline-flex;align-items:baseline;gap:3px;color:#657389;font-size:6.5px;font-weight:850;line-height:1.2}
#app .r23-matchup-points b{color:#172236;font-size:10px;font-weight:950;font-variant-numeric:tabular-nums}
#app .r23-score-row .r12-score-result{font-size:6px;line-height:1.2;white-space:nowrap}

/* Match the League's existing 480px bordered list, including its heading.
   No viewport-based cap: League uses this same height on small screens. */
#app .r13-scores-list-wrap{display:flex;flex-direction:column;max-height:480px}
#app .r13-scores-list-wrap>.r12-scores-list-heading{flex:0 0 auto}
#app .r13-scores-list-wrap>.r18-matchup-scroll{flex:1 1 auto;min-height:0;max-height:none}

/* Matchups-only 8px rhythm: viewer, gameweek, optional watch panel, status,
   then the list. League and other screens are deliberately unaffected. */
#app>.r23-matchups-viewer{margin-top:8px;margin-bottom:0}
#app>.r23-matchups-header{margin:8px 0!important;padding-top:0!important;padding-bottom:0!important}
#app .r23-matchups-header .r19-decision-filter{margin:8px 0 0!important}
#app .r23-matchups-header .r18-jump{grid-column:auto}
#app>.r23-matchups-header+.r13-scores-list-wrap{margin-top:0!important}

@media(max-width:359px){
    #app .r23-score-row{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)!important;column-gap:3px}
    #app .r23-score-row .r12-score-side{gap:4px}
    #app .r23-score-row .r23-matchup-score{gap:3px}
    #app .r23-score-row .r12-score-result{padding:3px;font-size:5.5px}
    #app .r23-matchups-header .r20-decision-filter{flex-direction:row;align-items:center;gap:6px;height:48px!important;min-height:48px!important}
    #app .r23-matchups-header .r20-decision-filter>div strong{font-size:8.5px!important}
    #app .r23-matchups-header .r20-decision-filter nav{width:auto;grid-template-columns:repeat(3,minmax(40px,1fr))}
}