/* MATCH-SCORE-ONE-0710 (Victor, 4 Oct report da17oi9m "make the completed match score BIGGER", re-opened 7 Oct).
   THE ONE STYLE of a completed match's score and of the word beside it (Won / Lost / Tie / Completed / Final).
   Every page that draws a completed score puts class hk-score on the score and class hk-score-label on the word;
   NO page sets its own size for them (scripts/match-score-one.test.cjs fails the deploy on drift).
   Decision (measured 7 Oct, RESULT_victor_open_two_0710.md): the old row had the score at 22 px against a 16 px team
   name (1.38x) and the words at 11-12 px, the smallest text on the row. Now:
     score  = 36 px on a phone and up (>= 2.0x the widest measured team name 17.9 px = the home card at 390 px; 2.2-2.6x on the other pages), weight 900, tabular
              figures, never wraps (white-space:nowrap; a 2-digit pair at 34 px is ~85 px, fits a 390 px row).
     label  = 16 px (body size), weight 700, never wraps.
   The tokens are the only numbers; change them here and every page follows. */
:root { --hk-score-fs: 36px; --hk-score-label-fs: 16px; }
@media (min-width: 640px) { :root { --hk-score-fs: 36px; } }
.hk-score {
  font-size: var(--hk-score-fs) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -.01em;
  white-space: nowrap !important;
  flex: 0 0 auto;
}
.hk-score > * { font-size: inherit !important; line-height: inherit !important; }
.hk-score .hk-score-sep { font-weight: 700 !important; opacity: .45; margin: 0 .12em; }
.hk-score-label {
  font-size: var(--hk-score-label-fs) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}