/* League pages (superkupa.html, visha-liga.html, written by build.py) and the page of the season
   (sezon.html, the same header block). Loaded after styles.css by those three 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; }
/* sezon.html: the header block has no figure and a list follows at once, so it leaves less room below */
.shead { padding-bottom: 12px; }
.shead + .sezon { padding-top: 24px; }
.sezon .cfilter { margin-top: 0; }
.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); } }