/* League pages (superkupa.html, visha-liga.html, written by build.py). Loaded after styles.css by
   those two pages only, so the homepage does not carry it. They are built from the club pages' own
   parts: the same header card and the same rows. Only what those pages do not have is here: a wide
   tournament logo in the header card, four club tiles in one row, a
   block per round with its heading, the programme's club filter and a text column. */
.thero .tend { margin-top: 28px; }
.tfig--logo img { width: min(64%, 420px); max-width: none; height: auto; }
.tpara { max-width: 62ch; }
.tpara + .tpara { margin-top: 16px; }
.tpara + .tnote, .tpara + .tend { margin-top: 24px; }
.rounds { display: grid; gap: 52px; margin-top: 36px; }
.round[hidden] { display: none; }
.rhead { margin: 0; font-size: clamp(20px, 5.4vw, 26px); }
.rhead + .mlist { margin-top: 18px; }
/* superkupa.html: the tickets for several matches beside the three matches. The rows are the matches'
   own (a line, the same rule above the list), a name on the left and the button in the matches' size. */
.pkh { margin-top: 48px; }
.pk { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.pk__t { flex: 1 1 auto; margin: 0; min-width: 0; font-size: 16.5px; font-weight: 700; line-height: 1.3; }
.pk__buy { flex: 0 0 auto; height: 44px; padding-inline: 16px; font-size: 12px; }
/* the programme's club filter (visha-liga.js): the chips, the card and the live message are the
   homepage calendar's own (styles.css). The chips wait for the script, so a script that failed
   leaves no chips that do nothing. */
.js .cfilter--vl { display: none; }
.js .cfilter--vl.is-on { display: flex; }
@media (min-width: 640px) and (max-width: 979px) { .clubs--four { grid-template-columns: repeat(2, 1fr); } }