.results-scroller { width: 100%; overflow-x: scroll; overflow-y: visible; }
.results th > div { white-space: nowrap; }
.results .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: auto;
}
.results .sticky-1 { left: 0; width: 69px; }
.results .sticky-2 { left: 70px; width: 69px; z-index: 10; }
.results .sticky-3 { left: 139px; z-index: 10; }
.results tbody tr:nth-child(odd) td, .results tbody tr:nth-child(odd) th { background-color: #fff; }
.sub-menu { border-top: 1px solid #aaa; }

.seasons-nav { display: flex; justify-content: start; gap: 1em; align-items: center; }
.seasons-nav select { padding: 4px; }
.seasons-nav a {
    text-decoration: none;
    padding: 4px;
    border: 1px solid black;
    border-radius: 4px;
    background-color: #002664;
    color: white;
}
.results {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
}
.results thead { color: white; background-color: black; }
.results td, .results th {
    border: 1px solid #eee;
    padding: 4px;
    text-align: center;
}
.results tbody tr td.status-W { background-color: #9d9; color: black; font-weight: bold; }
.results tbody tr td.status-L { background-color: darkred; color: white; font-weight: bold; }
.results tbody tr td.status-T { background-color: purple; color: yellow; font-weight: bold; }
.results tbody tr td.status-U { background-color: #aaa; color: white; font-weight: bold; }
.sticky-1 { font-weight: bold; }


dl.tabular {
    display: grid;
    align-items: start;
    grid-template-columns: 10em auto;
    background-color: white;
}
dl.tabular dt {
    grid-column: 1;
    font-weight: bold;
    background: #ddd;
    border-bottom: 1px solid #eee;
    padding: 4px 8px;
}
dl.tabular dd {
    grid-column: 2;
    margin: 0;
    border-bottom: 1px solid #eee;
    padding: 4px;
}
.team-bye {
    display: inline-flex;
    align-items: center;
}
.team-bye img, .team-picked img { width: 32px; }
.teams-picked { display: flex; gap: .33em; }
.teams-picked > span {
    display: flex;
    align-items: center;
    gap: .25em;
}
.teams-picked > span:not(:last-child)::after { content: ", "; }