/* Match identity and observed score stay together. Only the model fields reflow. */
.football-head {
  justify-content:space-between; align-items:center;
  padding-inline:14px 42px; color:var(--muted); font-size:11px;
}
.football-head .board-sides {margin-left:58px}
.football-head .cols {margin-right:0}
.football-row .rl {grid-template-columns:50px minmax(0,1fr) auto 58px; column-gap:5px}
.football-row .m-1x2 {grid-template-columns:repeat(3,44px) 46px 40px}
.football-row :is(.m-ht,.m-dc,.m-cs) {grid-template-columns:repeat(3,44px) 46px}
.football-row .m-ou {grid-template-columns:repeat(2,48px) 58px 40px}
.football-row .m-btts {grid-template-columns:repeat(2,48px) 56px}
.football-row .m-htft {grid-template-columns:100px 50px}
.football-row .m-ah {grid-template-columns:48px 44px 64px}
.football-row .nod {grid-column:1/-1}
.football-row :is(.score-pair,.pc,.ex,.st) {font-variant-numeric:tabular-nums}
.football-row .teams > .t {min-height:20px; line-height:20px}
.football-row .sc {text-align:center}
.football-row .cols {color:var(--muted)}
.football-row .board-field-label {display:none}
.football-row .sc:empty::before {
  content:"—"; color:var(--muted-2); font-size:14px;
}
.football-row .fav {align-self:center}
.football-row .fav[aria-pressed="true"] {background:var(--accent-soft); color:var(--accent-ink)}
.football-row:has(.row-delay:not([hidden])) .score-pair > span {box-shadow:inset 0 0 0 1px var(--line)}
.football-row:has(.cols.inplay) .st::after {content:"Шууд %"; color:var(--live); font-size:10px}
:lang(en) .football-row:has(.cols.inplay) .st::after {content:"Live %"}

@media (max-width:720px) {
  .colhead.football-head {
    display:flex; padding:6px 44px 6px 10px; font-size:10px;
  }
  .football-head .board-sides {margin-left:47px}
  .football-head .cols {display:block; width:40px; font-size:10px}
  .football-head .cols > :not(:last-child) {display:none}
  .football-row .rl {
    grid-template-columns:42px minmax(0,1fr) 40px; gap:8px 5px; padding:10px 0 10px 10px;
  }
  .football-row .rl > .st {grid-area:1/1}
  .football-row .rl > .teams {grid-area:1/2}
  .football-row .rl > .sc {grid-area:1/3}
  .football-row .rl > .cols {
    display:grid; grid-area:2/1/3/4; grid-template-columns:none; grid-auto-columns:minmax(0,1fr);
    gap:3px; align-items:stretch; padding:4px; background:var(--surface-2); border-radius:7px;
  }
  .football-row .rl > .cols:has(.nod) {display:block; padding:0; background:none; text-align:left}
  .football-row .rl .cols > :is(.pc,.ex,.pick) {
    grid-area:auto; display:flex; flex-direction:column; align-items:center; justify-content:center;
    padding:2px; border:0; border-radius:4px; font-size:12px; line-height:1.4; font-weight:650;
  }
  .football-row .rl .cols > .pc {display:block; align-content:center; white-space:normal}
  .football-row .rl .cols > .pc::before,
  .football-row .rl .cols > .pick::before,
  .football-row .rl .cols > .ex small {display:block; font-size:10px; line-height:1.4; font-weight:500}
  .football-row .rl .cols > .pc::before {content:attr(title)}
  .football-row .rl .cols > .pc.p::after {content:"%"}
  .football-row .rl .cols > .pick::before {content:"Таамаг"}
  :lang(en) .football-row .rl .cols > .pick::before {content:"Pick"}
  .football-row .rl .cols > .forecast-score {border-inline-start:1px solid var(--line); border-radius:0}
  .football-row .rl .cols > .nod {font-size:11px; line-height:1.4; text-align:left}
  .football-row .fav {align-self:flex-start; flex-basis:44px; margin-top:9px}
}