.coql-archive .matches-header nav { margin-left: auto; width: auto; order: initial; }
.coql-archive .matches-header [aria-current] { text-decoration: underline; text-underline-offset: .3em; }
.coql-archive .matches-theme-control { flex: none; }
.coql-archive .archive-main { max-width: 96rem; margin-inline: auto; padding-top: 1.5rem; }
.archive-heading { margin-bottom: 1.25rem; }
.coql-archive h1 { font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1.2; margin: .15rem 0; }
.eyebrow { font-size: .72rem; text-transform: uppercase; letter-spacing: .12em; color: var(--matches-muted); margin: 0; }
.coql-archive .coql-controls { padding-bottom: 1rem; border-bottom: 1px solid var(--matches-line); }
.coql-archive #status { font-size: .9rem; margin: 1.25rem 0 .65rem; }
.coql-archive h2 { font-size: 1.2rem; font-weight: 650; margin: 1.2rem 0 .65rem; }
.coql-archive .table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid var(--matches-line); border-radius: .7rem; background: var(--matches-surface); box-shadow: 0 3px 12px #0a132107; }
.coql-archive table { font-size: .88rem; }
.coql-archive th, .coql-archive td { padding: .6rem .8rem; }
.coql-archive th { position: static; font-weight: 600; }
.coql-archive td { background: var(--matches-surface); }
.coql-archive tbody tr:nth-child(even) td { background: var(--matches-soft); }
.coql-archive tbody tr:last-child td { border-bottom: 0; }
.archive-table td { white-space: nowrap; }
.archive-table td[data-label="Set"] a { font-weight: 600; }
.archive-set-link { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.archive-set-link { max-width: 18ch; }
.archive-unreleased { color: var(--matches-muted); white-space: nowrap; }
@media (min-width: 651px) {
    .coql-archive #archive .table-scroll { width: fit-content; }
    .coql-archive .archive-table { width: max-content; max-width: 100%; }
    .archive-table th[data-label="Set"], .archive-table td[data-label="Set"] { width: 20ch; max-width: 20ch; }
}
.upcoming-seasons { margin: 1rem 0; }
.upcoming-seasons > summary { display: flex; align-items: center; gap: .8rem; padding: .75rem 0; border-bottom: 2px solid var(--matches-line); font-size: 1.1rem; font-weight: 650; list-style: none; cursor: pointer; }
.upcoming-seasons > summary::before { content: "›"; font-size: 1.5rem; line-height: 1; width: .7rem; }
.upcoming-seasons[open] > summary::before { transform: rotate(90deg); }
.upcoming-seasons > summary::-webkit-details-marker { display: none; }
.upcoming-seasons summary small { margin-left: auto; color: var(--matches-muted); font-size: .78rem; font-weight: 400; }
.upcoming-seasons .table-scroll { margin-top: .8rem; }
.upcoming-table td:nth-child(n+3) { white-space: nowrap; }
.upcoming-seasons p { font-size: .9rem; color: var(--matches-muted); }
.coql-archive :is(a, input, select, summary, .table-scroll):focus-visible { outline: 2px solid var(--org-color); outline-offset: 3px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.featured-video { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(15rem, 1fr); gap: 1.5rem; padding: 1rem; margin: 1.5rem 0; background: var(--matches-surface); border: 1px solid var(--matches-line); border-radius: .75rem; }
.featured-player { aspect-ratio: 16 / 9; min-width: 0; background: #080e17; border-radius: .5rem; overflow: hidden; }
.featured-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.featured-copy { align-self: center; }
.featured-copy h2 { margin-top: .3rem; }
.featured-copy p:not(.eyebrow) { color: var(--matches-muted); }
.public-video-list { display: grid; gap: .8rem; padding-left: 1.5rem; }
.public-video-list li > span { display: block; color: var(--matches-muted); font-size: .8rem; }
.public-video-list li > a:last-child:not(:first-child) { display: inline-block; margin-top: .25rem; font-size: .8rem; }
@media (max-width: 850px) { .featured-video { grid-template-columns: 1fr; gap: .75rem; } }
@media (max-width: 650px) {
    .coql-archive .archive-main { padding-inline: .75rem; }
    .coql-archive .matches-header { gap: .5rem 1rem; }
    .coql-archive .coql-header-name { display: none; }
    .coql-archive .matches-header nav { margin-left: 0; flex: 1; font-size: .85rem; gap: .75rem; }
    .coql-archive .matches-theme-control { min-width: 4rem; margin-left: auto; }
    .coql-archive .coql-controls { align-items: stretch; }
    .coql-archive .coql-search { max-width: none; }
    .coql-archive #archive .table-scroll { border: 0; background: transparent; box-shadow: none; }
    .archive-table, .archive-table tbody { display: block; }
    .archive-table thead { display: none; }
    .archive-table tbody { display: grid; gap: .75rem; }
    .archive-table tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--matches-line); border-radius: .65rem; overflow: hidden; background: var(--matches-surface); }
    .coql-archive .archive-table td { display: block; width: auto; min-width: 0; border: 0; white-space: normal; background: transparent; padding: .5rem .65rem; }
    .archive-table td:nth-child(n+4) { grid-column: 1 / -1; padding-top: .15rem; }
    .archive-table td::before { content: attr(data-label); display: block; color: var(--matches-muted); font-size: .8rem; }
    .coql-archive .archive-table td[data-label="Game of the Week"]:empty { display: none; }
    .coql-archive .archive-table tr:nth-child(even) td { background: transparent; }
}