/* /bracket/archive/: the year-by-year index. Each row links to its season's Scored Bracket. */
.cm-archive-page { max-width: var(--max); margin: 0 auto; }
/* The history chart is drawn by script after first paint; unreserved, the whole table below it jumped down
   (CLS 0.18 at 390, 0.11 at 1440). Heights measured at the widths the chart's own scale changes. */
@media (scripting: enabled) {
  #cm-chart-history { min-height: 418px; }
}
@media (scripting: enabled) and (max-width: 760px) { #cm-chart-history { min-height: 430px; } }
@media (scripting: enabled) and (max-width: 600px) { #cm-chart-history { min-height: 448px; } }
@media (scripting: enabled) and (max-width: 420px) { #cm-chart-history { min-height: 466px; } }
.cm-archive-table-wrap { overflow-x: auto; }
.cm-archive-table { min-width: 640px; }
.cm-archive-link {
  display: inline-flex; align-items: center; min-height: 32px;
  font-family: var(--fb); font-size: var(--t-label); font-weight: 600; color: var(--projection); text-decoration: none;
  border: 1px solid var(--projection-border); border-radius: var(--r-md); padding: 5px 10px;
  white-space: nowrap;
}
.cm-archive-link:hover { background: var(--projection-dim); }
.cm-archive-link:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }
.cm-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
@media (max-width: 640px) {
  .cm-archive-table { min-width: 0; }
  .cm-archive-table thead { display: none; }
  .cm-archive-row td { display: flex; justify-content: space-between; gap: var(--s-3); text-align: right; }
  .cm-archive-row td::before { content: attr(data-label); color: var(--muted); font-family: var(--fb); font-size: var(--t-label); text-align: left; }
  .cm-archive-row td:first-child { color: var(--text); font-family: inherit; }
  .cm-archive-row td:last-child { justify-content: flex-end; }
  .cm-archive-row td:last-child::before { content: none; }
  .cm-archive-link { min-height: 44px; }
}